@font-face{font-family:Cano;src:url(/fonts/Cano.otf) format("opentype");font-weight:400;font-style:normal;font-display:swap}:root{--color-primary-dark:#56320D;--color-primary:#79461A;--color-primary-light:#C3803D;--color-tan:#BDA184;--color-tan-light:#D3AE88;--color-black:#000000;--color-dark-gray:#333333;--color-gray:#555555;--color-medium-gray:#666666;--color-light-gray:#DDDDDD;--color-white:#FFFFFF;--color-background:#F5F5F5;--color-error:#CC0000;--font-display:"Cano",serif;--font-primary:"Outfit",sans-serif;--spacing-xs:0.25rem;--spacing-sm:0.5rem;--spacing-md:1rem;--spacing-lg:1.5rem;--spacing-xl:2rem;--spacing-2xl:3rem;--spacing-3xl:4rem;--radius-sm:0.5rem;--radius-md:0.625rem;--radius-lg:1rem;--radius-xl:1.5rem;--radius-full:50%;--shadow-sm:0 2px 6px rgba(0,0,0,0.1);--shadow-md:0 4px 12px rgba(0,0,0,0.25);--shadow-lg:0 4px 24px rgba(0,0,0,0.15);--shadow-button:0 4px 12px rgba(121,70,26,0.3);--transition-fast:0.2s ease;--transition-normal:0.3s ease}*{box-sizing:border-box;margin:0;padding:0}html{height:100%}body,html,html *{font-family:Outfit,sans-serif!important}body{background:#F5F5F5;color:var(--color-dark-gray);line-height:1.6;padding:80px 0 0;min-height:100%;display:flex;flex-direction:column}html body,html body *,html body :after,html body :before,html body a,html body button,html body div,html body h1,html body h2,html body h3,html body h4,html body h5,html body h6,html body input,html body label,html body li,html body ol,html body p,html body select,html body span,html body table,html body td,html body textarea,html body th,html body ul{font-family:Outfit,sans-serif!important}.container{max-width:1200px}.container,.container-checkout{margin:0 auto;padding:var(--spacing-lg);flex:1}.container-checkout{max-width:1400px}.page-title{font-size:2rem;font-weight:600;color:var(--color-black);text-transform:uppercase;letter-spacing:.05em;margin-bottom:var(--spacing-xl);text-align:center}.card{background:var(--color-white);border-radius:var(--radius-md);padding:var(--spacing-xl);box-shadow:var(--shadow-md);margin-bottom:var(--spacing-lg);transition:transform var(--transition-normal)}.card:hover{transform:translateY(-4px)}.card.product-card{width:320px;max-width:320px;margin:0;padding:var(--spacing-lg);height:100%}.card.product-card,.product-info{display:flex;flex-direction:column}.product-info{gap:var(--spacing-md);margin-bottom:var(--spacing-lg)}.product-image{width:100%;max-width:300px;height:200px;-o-object-fit:cover;object-fit:cover;border-radius:0;margin:0 auto var(--spacing-md)}.product-title{font-size:1.35rem;font-weight:600;color:var(--color-black);margin-bottom:var(--spacing-xs);border:none!important;padding-left:0!important;margin-left:0!important;position:relative}.product-title:after,.product-title:before{display:none!important;content:none!important;border:none!important;width:0!important;height:0!important}.card .product-title:hover,.card:hover .product-title{border:none!important}.container-checkout .card .product-title,.container-checkout .card h2.product-title{border:none!important;padding-left:0!important;margin-left:0!important}.container-checkout .card .product-title:after,.container-checkout .card .product-title:before,.container-checkout .card h2.product-title:after,.container-checkout .card h2.product-title:before{display:none!important;content:none!important;border:none!important;width:0!important;height:0!important}.product-price{font-size:1.5rem;font-weight:600;color:var(--color-primary);margin-bottom:var(--spacing-sm)}.product-description{color:var(--color-gray);line-height:1.6;margin-bottom:var(--spacing-sm);font-size:.95rem}.form-group{margin-bottom:var(--spacing-md)}.form-label{display:block;font-size:.875rem;font-weight:500;color:var(--color-dark-gray);margin-bottom:var(--spacing-sm);text-transform:uppercase;letter-spacing:.05em}.form-input,.form-select,.form-textarea{width:100%;padding:1rem;font-family:var(--font-primary);font-size:1rem;color:var(--color-dark-gray);background:rgba(255,255,255,.8);border:1px solid rgba(187,172,152,.3);border-radius:var(--radius-sm);transition:border-color var(--transition-fast)}.form-input:focus,.form-select:focus,.form-textarea:focus{outline:none;border-color:var(--color-tan)}.form-textarea{min-height:100px;resize:vertical}.quantity-selector{gap:var(--spacing-md)}.quantity-btn,.quantity-selector{display:flex;align-items:center;justify-content:center}.quantity-btn{width:40px;height:40px;border:1px solid var(--color-light-gray);background:var(--color-white);border-radius:var(--radius-sm);font-size:1.25rem;cursor:pointer;transition:all var(--transition-fast)}.quantity-btn:hover{background:rgba(0,0,0,.05);border-color:var(--color-tan)}.quantity-input{width:80px}.btn,.quantity-input{text-align:center;font-weight:600}.btn{font-family:var(--font-primary);font-size:1rem;text-transform:uppercase;letter-spacing:.1em;padding:1rem 2rem;border-radius:var(--radius-md);border:none;cursor:pointer;transition:all var(--transition-normal);text-decoration:none;display:inline-block;width:100%;position:relative}.btn-primary{background:linear-gradient(135deg,var(--color-primary) 0,var(--color-primary-dark) 100%);color:var(--color-white);box-shadow:var(--shadow-button)}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 20px rgba(121,70,26,.4)}.btn-primary:disabled{opacity:.6;cursor:not-allowed;transform:none}.spinner{display:inline-block;width:16px;height:16px;border-radius:50%;border:2px solid rgba(255,255,255,.3);border-top:2px solid var(--color-white);animation:spin .8s linear infinite;vertical-align:middle}.spinner-centered{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);margin:0}@keyframes spin{to{transform:rotate(1turn)}}.btn-loading{position:relative;pointer-events:none}.btn-loading .btn-text{opacity:0}.btn-loading .spinner,.btn-loading .spinner-centered{display:inline-block}.alert{padding:var(--spacing-md);border-radius:var(--radius-sm);margin-bottom:var(--spacing-lg)}.alert-error{background:rgba(204,0,0,.1);border:1px solid var(--color-error);color:var(--color-error)}.alert-success{background:rgba(0,128,0,.1);border:1px solid #008000;color:#008000}.method-option{display:flex;align-items:center;padding:var(--spacing-md);border:2px solid var(--color-light-gray);border-radius:var(--radius-sm);margin-bottom:var(--spacing-sm);cursor:pointer;transition:all var(--transition-fast)}.method-option:hover{border-color:var(--color-tan);background:rgba(189,161,132,.05)}.method-option input[type=radio]{margin-right:var(--spacing-md)}.method-option.selected{border-color:var(--color-primary);background:rgba(121,70,26,.05)}.method-info{flex:1}.method-name{font-weight:600;color:var(--color-black);margin-bottom:2px}.method-description{font-size:.875rem;color:var(--color-medium-gray)}.method-price{font-weight:600;color:var(--color-primary);margin-left:var(--spacing-md)}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-md)}.header{background:var(--color-white);box-shadow:var(--shadow-sm);padding:var(--spacing-md) var(--spacing-lg);position:fixed;top:0;left:0;right:0;width:100%;z-index:1000}.header-content{max-width:1200px;margin:0 auto;justify-content:space-between}.header-content,.header-title{display:flex;align-items:center}.header-title{gap:var(--spacing-sm);font-size:1.25rem;font-weight:600;color:var(--color-black);text-decoration:none;transition:opacity var(--transition-fast)}.header-title:hover{opacity:.8}.header-logo{height:40px;width:auto;-o-object-fit:contain;object-fit:contain}.header-back-link{display:flex;align-items:center;gap:var(--spacing-xs);font-size:.875rem;color:var(--color-medium-gray);text-decoration:none;margin-left:var(--spacing-md);transition:color var(--transition-fast)}.header-back-link:hover{color:var(--color-primary)}.header-back-link:before{content:"←";font-size:1rem}.cart-button{position:relative;display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-lg);background:var(--color-primary);color:var(--color-white);border:none;border-radius:var(--radius-md);font-size:.875rem;font-weight:600;cursor:pointer;transition:all var(--transition-fast);box-shadow:var(--shadow-sm)}.cart-button:hover{background:var(--color-primary-light);transform:translateY(-2px);box-shadow:var(--shadow-md)}.cart-button:active{transform:translateY(0)}.cart-badge{position:absolute;top:-8px;right:-8px;background:var(--color-error);color:var(--color-white);border-radius:var(--radius-full);min-width:20px;height:20px;display:flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:700;padding:0 4px;border:2px solid var(--color-white);box-shadow:0 2px 4px rgba(0,0,0,.2);animation:pulse 2s infinite}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.cart-modal{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.5);z-index:2000;display:flex;align-items:flex-start;justify-content:flex-end;padding:var(--spacing-lg);opacity:0;visibility:hidden;transition:opacity var(--transition-normal),visibility var(--transition-normal)}.cart-modal.active{opacity:1;visibility:visible}.cart-modal-content{background:var(--color-white);border-radius:var(--radius-lg);width:100%;max-width:500px;max-height:90vh;display:flex;flex-direction:column;box-shadow:var(--shadow-lg);transform:translateX(100%);transition:transform var(--transition-normal);overflow:hidden}.cart-modal.active .cart-modal-content{transform:translateX(0)}.cart-modal-header{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-lg);border-bottom:2px solid var(--color-light-gray);background:var(--color-primary);color:var(--color-white)}.cart-modal-title{font-size:1.25rem;font-weight:600;margin:0;color:var(--color-white)}.cart-modal-close{background:transparent;border:none;color:var(--color-white);font-size:2rem;cursor:pointer;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-sm);transition:background var(--transition-fast);line-height:1}.cart-modal-close:hover{background:rgba(255,255,255,.2)}.cart-items{flex:1;overflow-y:auto;padding:var(--spacing-lg)}.cart-item{display:flex;gap:var(--spacing-md);padding:var(--spacing-md);border:1px solid var(--color-light-gray);border-radius:var(--radius-md);margin-bottom:var(--spacing-md);background:var(--color-white);transition:all var(--transition-fast)}.cart-item:hover{box-shadow:var(--shadow-sm);border-color:var(--color-primary)}.cart-item-image{width:80px;height:80px;-o-object-fit:cover;object-fit:cover;border-radius:var(--radius-sm);border:1px solid var(--color-light-gray)}.cart-item-info{flex:1;display:flex;flex-direction:column;gap:var(--spacing-xs)}.cart-item-title{font-weight:600;font-size:.875rem;color:var(--color-black);line-height:1.4}.cart-item-variation{font-size:.75rem;color:var(--color-medium-gray)}.cart-item-price{font-weight:600;color:var(--color-primary);font-size:.875rem}.cart-item-actions{display:flex;flex-direction:column;gap:var(--spacing-sm);margin-top:var(--spacing-xs)}.cart-item-remove{background:transparent;border:1px solid var(--color-error);color:var(--color-error);padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-sm);font-size:.75rem;cursor:pointer;transition:all var(--transition-fast)}.cart-item-remove:hover{background:var(--color-error);color:var(--color-white)}.cart-summary{padding:var(--spacing-lg);border-top:2px solid var(--color-light-gray);background:var(--color-background)}.cart-summary-row{padding:var(--spacing-sm) 0;font-size:.875rem;color:var(--color-dark-gray)}.cart-summary-row,.cart-summary-total{display:flex;justify-content:space-between}.cart-summary-total{padding:var(--spacing-md) 0;border-top:2px solid var(--color-primary);margin-top:var(--spacing-md);font-size:1.125rem;font-weight:700;color:var(--color-black)}.cart-item-quantity{display:flex;align-items:center;gap:var(--spacing-xs)}.cart-item-quantity-btn{width:32px;height:32px;border:1px solid var(--color-light-gray);background:var(--color-white);border-radius:var(--radius-sm);cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:1rem;transition:all var(--transition-fast)}.cart-item-quantity-btn:hover{background:var(--color-light-gray)}.cart-item-quantity-input{width:50px;text-align:center;border:1px solid var(--color-light-gray);border-radius:var(--radius-sm);padding:var(--spacing-xs);font-size:.875rem}.cart-summary-item{display:flex;justify-content:space-between;padding:var(--spacing-md) 0;border-bottom:1px solid var(--color-light-gray)}.cart-summary-item-info{flex:1}.cart-summary-item-price{font-weight:600;color:var(--color-black);margin-left:var(--spacing-md)}.cart-summary-card{position:sticky;top:calc(var(--spacing-lg) + 60px)}.cart-empty{padding:var(--spacing-3xl);text-align:center;color:var(--color-medium-gray);font-size:1rem}.cart-empty:before{content:"🛒";display:block;font-size:3rem;margin-bottom:var(--spacing-md);opacity:.5}.category-radio-label{display:flex;align-items:center;cursor:pointer;padding:var(--spacing-sm) var(--spacing-lg);border-radius:var(--radius-md);border:2px solid var(--color-light-gray);background:var(--color-white);color:var(--color-dark-gray);transition:all var(--transition-fast);font-weight:500;font-size:.875rem}.category-radio-label:hover{border-color:var(--color-primary);background:rgba(121,70,26,.05)}.category-radio-label input[type=radio]{margin-right:var(--spacing-sm);display:none}.category-radio-label input[type=radio]:checked+span,.category-radio-label:has(input[type=radio]:checked){background:var(--color-primary);color:var(--color-white);border-color:var(--color-primary)}@media (max-width:768px){body{padding-top:70px}.header{padding:var(--spacing-sm) var(--spacing-md)}.header-content{padding:0 var(--spacing-sm)}.header-logo{height:32px}.header-back-link{font-size:.75rem;margin-left:var(--spacing-xs)}.form-row{grid-template-columns:1fr}.page-title{font-size:1.5rem}.container,.container-checkout{padding:var(--spacing-md)}div[style*="grid-template-columns: 2fr 1fr"]{grid-template-columns:1fr!important;gap:var(--spacing-md)!important}.card{padding:var(--spacing-md)}.method-option{flex-direction:column;align-items:flex-start;gap:var(--spacing-sm)}.method-price{margin-left:0;margin-top:var(--spacing-xs);align-self:flex-end}.product-card{padding:var(--spacing-md);width:100%!important;max-width:100%!important}div[style*=gridTemplateColumns]{grid-template-columns:1fr!important;gap:var(--spacing-md)!important}.product-image{max-width:100%;height:180px;border-radius:0!important}.product-title{font-size:1.2rem}.product-price{font-size:1.35rem}.card .product-title,.card h2,.card h2.product-title,h2.product-title{font-size:1.2rem;border:none!important;padding-left:0!important;margin-left:0!important}.card .product-title:after,.card .product-title:before,.card h2.product-title:after,.card h2.product-title:before,.card h2:after,.card h2:before,h2.product-title:after,h2.product-title:before{display:none!important;content:none!important;border:none!important}.card:hover .product-title,.card:hover h2,.card:hover h2.product-title{border:none!important}div[style*="display: flex; justify-content: space-between"]{flex-direction:column;gap:var(--spacing-xs)}div[style*="display: flex; justify-content: space-between"] span:first-child{margin-bottom:var(--spacing-xs)}img[alt="QR kod za plaćanje"]{max-width:250px!important}.cart-summary-card{position:relative!important;top:0!important}.cart-summary-item{flex-direction:column;gap:var(--spacing-xs)}.cart-summary-item-price{margin-left:0;margin-top:var(--spacing-xs);align-self:flex-end}div[style*="background: rgba(189, 161, 132, 0.05)"] div[style*="display: flex; justify-content: space-between"]{flex-direction:column;gap:var(--spacing-xs)}div[style*="background: rgba(189, 161, 132, 0.05)"] div[style*="display: flex; justify-content: space-between"] span:first-child{margin-bottom:var(--spacing-xs)}div[style*="background: rgba(189, 161, 132, 0.05)"]{padding:var(--spacing-md)!important}@media (max-width:480px){.header-back-link{font-size:0;width:24px;height:24px;padding:0;margin-left:var(--spacing-xs)}.header-back-link:before{font-size:1.25rem;margin:0}}}.footer{background:#6B4226;color:var(--color-white);padding:var(--spacing-xl) var(--spacing-lg);margin-top:auto;text-align:center}.footer-content{max-width:1200px;margin:0 auto;display:flex;flex-direction:column;gap:var(--spacing-sm);align-items:center}.footer-text{font-size:.875rem;line-height:1.6;font-weight:600}.footer-link{color:var(--color-white);text-decoration:none;transition:opacity var(--transition-fast)}.footer-link:hover{opacity:.8;text-decoration:underline}@media (max-width:768px){.footer{padding:var(--spacing-lg) var(--spacing-md)}.footer-text{font-size:.75rem}.cart-modal{padding:0;align-items:flex-end}.cart-modal-content{max-width:100%;max-height:85vh;border-radius:var(--radius-lg) var(--radius-lg) 0 0}.cart-item{flex-direction:column}.cart-item-image{width:100%;height:150px;-o-object-fit:cover;object-fit:cover}.cart-item-actions{flex-direction:row;justify-content:space-between;align-items:center}.cart-button{padding:var(--spacing-xs) var(--spacing-md);font-size:.75rem}.cart-badge{min-width:18px;height:18px;font-size:.7rem;top:-6px;right:-6px}}