.inspiration-section{padding-top:72px;padding-bottom:72px;scroll-margin-top:100px}.inspiration-section>p{max-width:660px}.inspiration-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin-top:30px}.inspiration-card{margin:0;border:1px solid #dfd2bb;background:#fffdf8;scroll-margin-top:100px}.inspiration-card img{display:block;width:100%;aspect-ratio:4/5;object-fit:cover}.inspiration-card figcaption{padding:20px}.inspiration-card h3{margin:10px 0}.inspiration-card a{color:inherit}.personalization-fields{border:1px solid #dfd2bb;padding:16px;margin:20px 0}.personalization-fields legend{padding:0 7px}.personalization-fields label{display:block;margin:10px 0}.personalization-fields input,.personalization-fields select{width:100%;box-sizing:border-box;min-height:44px}.personalization-fields [hidden]{display:none!important}.order-timing{background:#f5efdf;border-left:2px solid #96743c;padding:14px 18px;margin:18px 0;font-size:13px;line-height:1.6}.order-timing p{margin:6px 0 0}.order-dialog:has(#order-form[hidden]) .order-timing{display:none}@media(max-width:700px){.inspiration-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.inspiration-card figcaption{padding:12px}.inspiration-card h3{font-size:19px}}@media(max-width:400px){.inspiration-grid{grid-template-columns:1fr}}

.side-upsell{border:1px solid #dfd2bb;background:#f8f3e8;padding:16px;margin:18px 0}.side-upsell h3{margin:0 0 6px;font-size:21px}.side-upsell>p{font-size:13px}.side-upsell .side-upsell-choice{display:flex;align-items:center;gap:12px;cursor:pointer}.side-upsell-choice input{width:18px!important;height:18px;min-height:0;flex-shrink:0;accent-color:#896b31}.side-upsell-choice img{width:64px;height:72px;object-fit:cover}.side-upsell-choice span span{display:block;font-size:13px;margin-top:6px}
/* Compact inspiration preview on the shop homepage. */
body:not([data-gallery="all"]) #inspiracija{padding-top:42px;padding-bottom:42px}
body:not([data-gallery="all"]) #inspiracija .inspiration-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin-top:22px;max-width:none;margin-left:0;margin-right:0}
body:not([data-gallery="all"]) #inspiracija .inspiration-card figcaption{padding:12px}
body:not([data-gallery="all"]) #inspiracija .inspiration-card h3{font-size:16px;line-height:1.35;margin:7px 0 0}
body:not([data-gallery="all"]) #inspiracija .inspiration-card .eyebrow{font-size:9px;letter-spacing:1px}
@media(max-width:1000px){body:not([data-gallery="all"]) #inspiracija .inspiration-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:600px){body:not([data-gallery="all"]) #inspiracija{padding-top:32px;padding-bottom:32px}body:not([data-gallery="all"]) #inspiracija .inspiration-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}}/* Three-photo homepage carousel; the full gallery keeps its grid. */
body:not([data-gallery="all"]) #inspiracija .inspiration-carousel{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;align-items:center;touch-action:pan-y;isolation:isolate;padding:12px 0}
.inspiration-carousel .inspiration-card{grid-row:1;grid-column:2;transition:transform .4s ease,opacity .4s ease;min-width:0;position:relative}
.inspiration-carousel .inspiration-card[data-position="left"]{transform:translateX(-100%) scale(.8);opacity:.7;z-index:1;cursor:pointer}
.inspiration-carousel .inspiration-card[data-position="right"]{transform:translateX(100%) scale(.8);opacity:.7;z-index:1;cursor:pointer}
.inspiration-carousel .inspiration-card[data-position="center"]{transform:scale(1.08);z-index:2;box-shadow:0 12px 30px #493a2014}
.inspiration-carousel img{user-select:none}
.inspiration-controls{display:flex;justify-content:center;align-items:center;gap:22px;margin-top:30px;color:#82612d;font-size:13px}
.inspiration-controls button{width:44px;height:44px;border:1px solid #cbbb9e;border-radius:50%;background:#fffdf8;color:#82612d;font-size:22px;cursor:pointer}
.inspiration-controls button:hover{background:#f0e7d5}
.inspiration-controls button:focus-visible,.inspiration-carousel:focus-visible{outline:2px solid #82612d;outline-offset:4px}
@media(max-width:600px){body:not([data-gallery="all"]) #inspiracija .inspiration-carousel{grid-template-columns:20% 60% 20%;overflow:hidden;padding:20px 0}.inspiration-carousel .inspiration-card[data-position="left"]{transform:translateX(-85%) scale(.75)}.inspiration-carousel .inspiration-card[data-position="right"]{transform:translateX(85%) scale(.75)}.inspiration-carousel .inspiration-card[data-position="center"]{transform:scale(1)}.inspiration-carousel .inspiration-card:not([data-position="center"]) figcaption{visibility:hidden}}
@media(prefers-reduced-motion:reduce){.inspiration-carousel .inspiration-card{transition:none}}
.product-detail .specs{white-space:pre-line}

/* Izvorna košarica u zaglavlju i zaseban lebdeći pristup. */
#cart-floating{position:fixed;right:16px;bottom:calc(16px + env(safe-area-inset-bottom));z-index:90;background:#fffaf0;color:#493b27;border:1px solid #a88745;box-shadow:0 4px 16px #332b2226;min-height:46px;padding:10px 14px;border-radius:30px}
#cart-floating .cart-label{display:inline}
#cart-floating-count{display:grid;place-items:center;min-width:22px;height:22px;border-radius:50%;background:#eee7d8;font-size:12px}
@media(max-width:600px){#cart-floating{right:10px;bottom:calc(10px + env(safe-area-inset-bottom));padding:10px 12px}#cart-floating .cart-label{display:none}body{padding-bottom:70px}}

.custom-steps .personalization-help{grid-column:1/-1;padding-top:8px;border:0}.personalization-help .button span{color:inherit;font-size:inherit}.personalization-help p{margin:10px 0 0}@media(max-width:600px){.personalization-help .button{width:100%;justify-content:center;gap:12px;font-size:14px;padding:14px 12px}}

/* Reserve the tallest caption so carousel controls stay in one position. */
.inspiration-carousel figcaption{box-sizing:border-box;min-height:var(--caption-height,0px)}
.help-contact{width:fit-content;max-width:100%}.help-contact summary{list-style:none;cursor:pointer}.help-contact summary::-webkit-details-marker{display:none}.help-contact-options{display:flex;flex-wrap:wrap;gap:10px;margin-top:14px}.help-contact-options .button{justify-content:center}
@media(max-width:700px){.custom-steps .personalization-help{text-align:center;justify-self:stretch;width:100%}.help-contact{margin-inline:auto}.help-contact-options{justify-content:center}.help-contact-options .button{width:100%}}

/* Portrait layout: larger photos and a separate full-width contact row. */
@media(max-width:700px){
 .custom-steps>.personalization-help{display:flex;flex-direction:column;align-items:center;gap:0;grid-column:1/-1;min-width:0}
 .personalization-help .help-contact{width:100%;max-width:360px;margin-inline:auto}
 .personalization-help .help-contact-options{flex-direction:column;align-items:stretch}
 .personalization-help .button{width:100%;gap:12px;white-space:normal}
 .personalization-help .button span{grid-row:auto}
 .custom-steps>.personalization-help>p{grid-column:auto;margin:10px 0 0;text-align:center;width:100%}
}
@media(max-width:600px){
 body:not([data-gallery="all"]) #inspiracija .inspiration-carousel{grid-template-columns:8% 84% 8%;padding:8px 0;align-items:start}
 body:not([data-gallery="all"]) #inspiracija .inspiration-card figcaption{padding:10px 12px}
 body:not([data-gallery="all"]) #inspiracija .inspiration-card h3{font-size:15px;line-height:1.25;margin:5px 0}
 .inspiration-carousel figcaption p{font-size:12px;line-height:1.4;margin:5px 0 0}
 .inspiration-carousel figcaption .text-button{font-size:12px}
 .inspiration-controls{margin-top:14px}
}

/* Return to the collection after browsing further down the page. */
#back-to-catalog{position:fixed;left:50%;bottom:calc(16px + env(safe-area-inset-bottom));transform:translateX(-50%);z-index:89;display:grid;place-items:center;width:48px;height:48px;padding:0;border:1px solid #a88745;border-radius:50%;background:#fffaf0;color:#493b27;box-shadow:0 4px 16px #332b2226;cursor:pointer}
#back-to-catalog[hidden]{display:none}
#back-to-catalog:hover{background:#eee7d8}
#back-to-catalog:focus-visible{outline:3px solid #a88745;outline-offset:4px}
#katalog{scroll-margin-top:90px}
@media(max-width:600px){#back-to-catalog{bottom:calc(10px + env(safe-area-inset-bottom))}}
