*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;color:#102744;background:#fff;font:16px/1.65 Arial,Helvetica,sans-serif}button,input,select,textarea{font:inherit}a{color:inherit;text-decoration:none}button,a,input,select,textarea{touch-action:manipulation}button{cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #347eff;outline-offset:4px}.wrap{width:min(1240px,calc(100% - 80px));margin:auto}.skip{position:absolute;top:-80px;left:12px;background:#fff;padding:10px;z-index:20}.skip:focus{top:10px}header{background:#fff;border-bottom:1px solid #e5e9ef}.nav{min-height:104px;display:flex;align-items:center;justify-content:space-between;gap:28px}.brand{display:inline-flex;flex-direction:column;line-height:1.1}.brand strong{font-size:40px;letter-spacing:-2px;font-weight:800}.brand strong span{font-size:12px;letter-spacing:0;vertical-align:top;display:inline-block;margin-top:7px;margin-left:4px}.brand small{font-size:10px;letter-spacing:2px;margin-top:8px}nav{display:flex;gap:32px;font-size:14px}nav a:hover,.text-link:hover{color:#2b68c5}.nav-actions{display:flex;gap:22px;align-items:center}#language{border:0;background:none;color:#102744;font-weight:700;font-size:14px;padding:10px}.button{display:inline-flex;align-items:center;justify-content:center;border:0;background:#245dd0;color:white;padding:15px 25px;font-weight:600;font-size:14px;line-height:1.5;transition:background .2s}.button:hover{background:#1747aa}.button.small{padding:12px 20px}.hero{background:#f1f4f8;padding:66px 0 58px}.hero-grid{display:grid;grid-template-columns:1fr 1.05fr;gap:62px;align-items:center}.eyebrow{display:flex;align-items:center;gap:12px;font-size:12px;font-weight:700;letter-spacing:2px;color:#a6c0e7;margin:0 0 22px}.hero .eyebrow{color:#315c8e}.eyebrow>span:first-child:empty{width:24px;height:2px;background:#2863d4}.eyebrow.dark{color:#47688c}h1{font-size:clamp(48px,5.4vw,76px);line-height:1.06;letter-spacing:-3px;margin:0 0 28px;font-weight:700}h1 em{font-style:normal;color:#2761d0}.intro{max-width:460px;color:#4b5d71;font-size:18px;line-height:1.7;margin-bottom:30px}.hero-actions{display:flex;align-items:center;gap:25px}.text-link{font-size:14px;border-bottom:1px solid #a7b3c3}.hero-meta{display:flex;gap:22px;font-size:12px;color:#536b86;margin-top:43px}.hero-meta span+span{border-left:1px solid #bfcddd;padding-left:22px}.hero-image{margin:0;position:relative;background:#102744;overflow:hidden}.hero-image img{width:100%;height:510px;object-fit:cover;display:block}.hero-image figcaption{display:flex;justify-content:space-between;gap:16px;padding:17px 20px;color:#d8e5f5;background:#102744;font-size:12px;letter-spacing:1.2px}.statement{background:#102744;color:white}.statement .wrap{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:22px 0}.statement span{font-size:20px;font-weight:600}.statement p{margin:0;color:#bdd0e9;font-size:14px}.section{padding-top:95px;padding-bottom:95px}.section-head{display:flex;justify-content:space-between;align-items:flex-end;gap:40px;margin-bottom:42px}h2{font-size:clamp(32px,3.1vw,44px);line-height:1.18;letter-spacing:-1.2px;margin:0}.section-head>p{max-width:370px;color:#667487;margin:0}.categories{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.category{border:1px solid #dce3ec;background:#fff;color:#102744;text-align:left;padding:28px;min-height:228px;display:flex;flex-direction:column;transition:background .2s,border-color .2s}.category:hover{background:#f0f5ff;border-color:#82a3e1}.category .number{font-size:12px;color:#526b8b;letter-spacing:1px}.category h3{font-size:24px;line-height:1.25;letter-spacing:-.6px;margin:30px 0 9px}.category p{color:#65758a;font-size:14px;margin:0 0 22px}.category .view{font-size:14px;font-weight:600;margin-top:auto;border-top:1px solid #dce3ec;padding-top:15px}.about{background:#102744;color:#fff;padding:78px 0}.about-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:100px;align-items:center}.year{border-left:2px solid #467fd6;padding-left:30px}.year>span{font-size:clamp(70px,10vw,132px);line-height:1;font-weight:700;letter-spacing:-7px;color:#8ab7ff}.year p{color:#c2d0e4;font-size:16px}.about h2{margin-bottom:27px}.about p{color:#bbcae0;max-width:570px}.about-tags{display:flex;flex-wrap:wrap;gap:12px;margin-top:26px}.about-tags span{font-size:12px;border:1px solid #4b6380;padding:7px 13px}.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:30px}.steps article{border-top:1px solid #cad4e2;padding-top:24px}.steps article>span{color:#2863d4;font-size:14px}.steps h3{font-size:20px;line-height:1.35;margin:21px 0 12px}.steps p{color:#65758a;font-size:14px}.brief{background:#245dd0;color:#fff;padding:80px 0}.brief-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:100px}.brief h2{font-size:48px;margin-bottom:26px}.brief p{max-width:400px;color:#e0eaff}.brief .eyebrow{color:#c0d7ff}.brief-note{font-size:14px;border-left:2px solid #87b0fb;padding-left:16px;margin-top:32px}.fields{display:grid;grid-template-columns:1fr 1fr;gap:20px}label{display:flex;flex-direction:column;gap:8px;font-size:14px;margin-bottom:20px}input,select,textarea{width:100%;min-width:0;border:1px solid #7da2ea;background:#fff;color:#102744;border-radius:0;padding:12px;font-size:16px}textarea{resize:vertical}.light{background:#fff;color:#143c83}.light:hover{background:#e2ecff}.outline{padding:14px 18px;border:1px solid #b9d0fb;background:transparent;color:white;font-size:14px}.result-actions{display:flex;flex-wrap:wrap;gap:12px}#briefResult{margin-top:28px}#status{font-size:14px;margin-bottom:0}footer{display:flex;justify-content:space-between;align-items:center;gap:30px;padding-top:38px;padding-bottom:38px}footer .brand strong{font-size:32px}footer p,footer>span{font-size:12px;color:#65758a}dialog{border:none;width:min(540px,calc(100% - 32px));padding:42px;color:#102744;max-height:85vh;overflow:auto}dialog::backdrop{background:#07182fb3}dialog h2{font-size:32px}dialog p:not(.eyebrow){color:#64748b}dialog ul{padding-left:20px;margin:24px 0;color:#425875}.close{position:absolute;right:15px;top:10px;border:0;background:transparent;font-size:30px;line-height:1;padding:8px;color:#102744}
@media(min-width:1450px){.hero{padding-top:82px;padding-bottom:80px}}@media(max-width:1050px){.wrap{width:calc(100% - 48px)}nav{gap:18px}.hero-grid{gap:30px}.hero-image img{height:470px}.about-grid,.brief-grid{gap:48px}.nav .brand strong{font-size:34px}.categories{gap:12px}.category{padding:22px}.steps{gap:20px}}@media(max-width:760px){.wrap{width:calc(100% - 36px)}.nav{min-height:84px;gap:14px;flex-wrap:wrap;padding:18px 0}nav{order:3;width:100%;justify-content:space-between;border-top:1px solid #e5e9ef;padding-top:14px}.nav-actions{gap:8px}.button.small{padding:10px 12px;font-size:12px}.hero{padding:38px 0}.hero-grid{grid-template-columns:1fr;gap:32px}h1{font-size:56px;letter-spacing:-2.5px}.intro{font-size:16px}.hero-image img{height:auto;aspect-ratio:4/3}.hero-meta{margin-top:28px}.hero-image figcaption{font-size:12px;letter-spacing:.5px}.statement .wrap{align-items:flex-start;flex-direction:column;gap:6px}.section{padding-top:60px;padding-bottom:60px}.section-head{align-items:flex-start;flex-direction:column;gap:20px;margin-bottom:28px}.categories{grid-template-columns:1fr 1fr}.category{min-height:225px;padding:20px}.category h3{font-size:22px;margin-top:22px}.about-grid,.brief-grid{grid-template-columns:1fr;gap:40px}.about{padding:55px 0}.year>span{font-size:92px;letter-spacing:-4px}.about-tags{gap:8px}.steps{grid-template-columns:1fr 1fr;gap:22px}.brief{padding:55px 0}.brief h2{font-size:40px}.fields{gap:14px}footer{align-items:flex-start;flex-direction:column;gap:14px}footer p{margin:0}dialog{padding:34px 24px}.hero-actions{gap:20px}}@media(max-width:390px){.categories,.fields{grid-template-columns:1fr}h1{font-size:49px}.brand small{letter-spacing:1px}.nav .brand strong{font-size:30px}.hero-actions{flex-wrap:wrap}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}

.whatsapp-contact{display:flex;flex-direction:column;align-items:flex-start;gap:4px;width:fit-content;border:1px solid #b9d0fb;padding:15px 20px;margin-top:25px;font-size:14px}.whatsapp-contact strong{font-size:22px;color:#fff}.whatsapp-contact:hover{background:#1747aa}.footer-contact{font-size:14px;font-weight:600;white-space:nowrap}.footer-contact:hover{color:#245dd0}

.product-list{padding:0;margin:0 0 24px;list-style:none;color:#536780;font-size:16px;line-height:1.65}.product-list li{margin:4px 0}.category h3{margin-top:22px}.category{min-height:290px}

.company-contact{margin-top:26px;border-top:1px solid #7da2ea;padding-top:24px;display:grid;gap:22px}.company-contact>div{display:flex;flex-direction:column;gap:6px}.company-contact span{font-size:14px;color:#c9dcff}.company-contact a{font-size:20px;font-weight:600;width:fit-content}.company-contact a:hover{text-decoration:underline}.company-contact address{font-style:normal;font-size:16px;line-height:1.7;color:#fff}

/* Scalable original wordmark with a single-line company caption. */
.brand{flex-shrink:0;gap:0;max-width:100%;width:360px}.brand-logo{display:block;width:100%;height:auto}.nav{padding-top:16px;padding-bottom:16px;flex-wrap:wrap}footer{flex-wrap:wrap}footer .brand{width:300px}@media(max-width:1050px){.nav{gap:20px}nav{gap:16px}.nav-actions{gap:10px}}@media(max-width:760px){.nav .brand{width:min(360px,100%);flex-basis:auto;margin-right:auto}.nav{gap:12px}.nav-actions{margin-left:auto}}@media(max-width:390px){.nav-actions{gap:4px}.button.small{padding:10px 8px}}

/* Compact, left-aligned brand */
header .nav.wrap{width:calc(100% - 48px);max-width:none;margin-inline:24px}.brand{width:240px}footer .brand{width:220px}@media(max-width:760px){header .nav.wrap{width:calc(100% - 28px);margin-inline:14px}.nav .brand{width:200px;margin-right:auto}.nav{gap:10px}}@media(max-width:390px){.nav .brand{width:180px}}

.whatsapp-icon{width:24px;height:24px;flex-shrink:0;color:#25d366}.whatsapp-contact strong{display:flex;align-items:center;gap:10px}.footer-contact{display:inline-flex;align-items:center;gap:8px}#sendWhatsApp{display:inline-flex;align-items:center;gap:8px}

/* Product designs from the company portfolio. */
.hero-products{display:grid;grid-template-columns:1.05fr 1fr;gap:8px;background:#fff;padding:8px}.hero-product{min-width:0;display:flex;flex-direction:column;background:#fff}.hero-products .hero-product img{width:100%;height:450px;display:block;object-fit:cover}.hero-products .bag img{object-position:50% 75%}.hero-products .board img{object-fit:contain;padding:12px;background:#fff}.hero-product>span{display:block;padding:12px 8px;color:#102744;font-size:14px;line-height:1.4}.hero-image figcaption{letter-spacing:.6px}@media(max-width:1050px){.hero-products .hero-product img{height:390px}}@media(max-width:760px){.hero-products .hero-product img{height:340px;aspect-ratio:auto}.hero-products .board img{padding:6px}.hero-product>span{font-size:14px}}@media(max-width:390px){.hero-products .hero-product img{height:290px}}

.category-photo{width:calc(100% + 56px);max-width:none;height:180px;object-fit:cover;margin:-28px -28px 24px}.cotton-section{padding:72px 0;background:#f5f3ef;scroll-margin-top:24px}.cotton-breadcrumb{display:inline-block;font-size:12px;font-weight:700;letter-spacing:1.6px;color:#47688c;margin-bottom:24px}.cotton-gallery{display:grid;grid-template-columns:1.5fr 1fr;gap:24px}.cotton-gallery figure{margin:0;background:#fff}.cotton-gallery img{display:block;width:100%;height:400px;object-fit:contain;background:#faf9f6}.cotton-gallery figcaption{padding:18px 22px;font-size:17px;font-weight:600}.cotton-actions{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:28px}.cotton-actions p{font-size:14px;color:#65758a;margin:0}@media(max-width:1050px){.category-photo{width:calc(100% + 44px);margin:-22px -22px 22px}.cotton-gallery img{height:320px}}@media(max-width:760px){.category-photo{width:calc(100% + 40px);height:150px;margin:-20px -20px 20px}.cotton-section{padding:52px 0}.cotton-gallery{grid-template-columns:1fr}.cotton-gallery img{height:auto;max-height:440px}.cotton-actions{align-items:flex-start;flex-direction:column}}

.cotton-specs{display:grid;grid-template-columns:1fr 1fr;gap:0;margin:0 0 32px;border:1px solid #dce3ec;background:#fff}.cotton-specs>div{padding:20px 24px}.cotton-specs dt{font-size:13px;color:#65758a;margin-bottom:6px}.cotton-specs dd{margin:0;font-size:19px;font-weight:600}.cotton-specs .cotton-weight{grid-column:1/-1;border-top:1px solid #dce3ec}.cotton-specs .cotton-weight dd{font-size:17px;line-height:1.8}@media(max-width:390px){.cotton-specs{grid-template-columns:1fr}.cotton-specs>div{padding:16px 20px}.cotton-specs .cotton-weight dd{font-size:16px}}

.cotton-color-note{font-size:20px;font-weight:600;color:#102744;border-left:3px solid #245dd0;padding:12px 20px;margin:0 0 28px;background:#fff}@media(max-width:760px){.cotton-color-note{font-size:18px}}

.cotton-colors{margin:32px 0 0;background:#fff}.cotton-colors img{display:block;width:100%;height:auto}.cotton-colors figcaption{padding:18px 22px;font-size:17px;font-weight:600}

.cotton-gallery{grid-template-columns:1fr}.cotton-gallery img{height:auto;max-height:none}.cotton-gallery figure:last-child img{max-height:520px}.category-photo{object-fit:contain;background:#fff}

.cotton-print{margin-top:48px;padding-top:32px;border-top:1px solid #dce3ec}.cotton-print h3{font-size:30px;line-height:1.25;margin:0 0 14px;letter-spacing:-.5px}.cotton-print>p:not(.eyebrow){font-size:18px;color:#536780;max-width:640px}.cotton-print figure{margin:24px 0 0;background:#fff}.cotton-print img{display:block;width:100%;height:auto}.cotton-print figcaption{padding:18px 22px;font-size:15px;color:#65758a}@media(max-width:760px){.cotton-print h3{font-size:26px}}

.cotton-gallery figure:last-child img{max-height:none}

.bag-subcategories{display:flex;flex-direction:column;gap:0;margin-top:8px}.bag-subcategory{display:block;text-align:left;border:0;border-top:1px solid #dce3ec;color:#102744;background:transparent;padding:13px 0;font-size:16px;font-weight:600}.bag-subcategory::after{content:' →';float:right;color:#245dd0}.bag-subcategory:hover{color:#245dd0}.bag-category{cursor:default}

.products-nav{position:relative}#productsToggle{display:flex;align-items:center;gap:8px;background:none;border:0;padding:0;color:inherit;font-size:14px;line-height:inherit}.dropdown-chevron{font-size:18px;transition:transform .2s}#productsToggle[aria-expanded="true"] .dropdown-chevron{transform:rotate(180deg)}.products-dropdown{position:absolute;z-index:40;top:calc(100% + 16px);left:-18px;width:280px;max-height:min(70vh,540px);overflow-y:auto;border:1px solid #dce3ec;background:#fff;box-shadow:0 12px 35px #10274424;padding:8px}.products-dropdown[hidden]{display:none}.products-menu-option{display:block;width:100%;text-align:left;border:0;background:#fff;color:#102744;padding:12px 14px;font-size:15px;line-height:1.45}.products-menu-option:hover,.products-menu-option:focus-visible{background:#f0f5ff;color:#245dd0}.products-menu-child{padding-left:30px;font-size:14px;color:#536780}.products-menu-option:not(.products-menu-child){font-weight:600;border-top:1px solid #edf0f5}.products-menu-option:first-child{border-top:0}@media(max-width:760px){.products-dropdown{left:0;width:min(280px,calc(100vw - 36px));top:calc(100% + 12px)}}

.new-cotton-section{padding:72px 0;background:#fff;scroll-margin-top:24px}.new-cotton-section+.new-cotton-section{background:#f5f3ef}.new-cotton-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:50px;align-items:center}.new-cotton-grid p:not(.eyebrow){color:#536780;margin:24px 0 28px}.new-cotton-grid figure{margin:0;background:#faf9f6}.new-cotton-grid img{display:block;width:100%;height:auto}.new-cotton-grid figcaption{font-size:14px;color:#65758a;padding:14px 18px}@media(max-width:760px){.new-cotton-section{padding:52px 0}.new-cotton-grid{grid-template-columns:1fr;gap:28px}}

[hidden]{display:none!important}.product-back{display:inline-block;margin:0 0 20px;font-size:14px;font-weight:600;color:#245dd0}.product-back:hover{text-decoration:underline}

.product-menu-group summary{padding:12px 16px;cursor:pointer;font-weight:700;color:var(--navy,#102744)}.product-menu-group{border-bottom:1px solid #e3e8ef}.products-dropdown{max-height:70vh;overflow-y:auto}.bag-subcategory{width:100%;text-align:left}.category .bag-subcategories{margin-top:16px}

#productsDropdown{max-height:70vh;overflow-y:auto}

/* Category photographs */
.category:has(.category-photo){padding:0 0 24px;overflow:hidden}.category-photo{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:cover;margin-bottom:22px}.category:has(.category-photo) .number,.category:has(.category-photo) h3{margin-left:24px;margin-right:24px}.category:has(.category-photo) h3{margin-top:12px;margin-bottom:0}@media(max-width:760px){.category-photo{margin-bottom:16px}.category:has(.category-photo) .number,.category:has(.category-photo) h3{margin-left:16px;margin-right:16px}.category:has(.category-photo) h3{font-size:20px}.category:has(.category-photo){padding-bottom:20px}}

.header-contact-actions{display:flex;flex-direction:column;align-items:center;gap:7px}.header-whatsapp{display:inline-flex;align-items:center;justify-content:center;gap:7px;color:#128c4a;font-size:13px;font-weight:700;line-height:1.4;padding:2px 8px}.header-whatsapp .whatsapp-icon{width:17px;height:17px;flex-shrink:0}.header-whatsapp:hover{text-decoration:underline}

.hero-grid{display:flex;flex-direction:column;gap:28px}.hero-slideshow{order:-1;width:100%;height:620px;background:#102744}.hero-slide{position:absolute;inset:0;opacity:0;transition:opacity .45s ease;pointer-events:none}.hero-slide.active{opacity:1}.hero-slideshow .hero-slide img{width:100%;height:100%;object-fit:cover;object-position:50% 62%}.hero-slideshow .hero-slide:nth-child(2) img{object-fit:contain;background:#f4f0e9;padding:22px 0 22px 35%}.hero-overlay{position:absolute;inset:0;display:flex;align-items:center;padding:48px;background:linear-gradient(90deg,rgba(8,25,48,.85),rgba(8,25,48,.48) 40%,transparent 75%);pointer-events:none}.hero-overlay h1{color:#fff;font-size:clamp(42px,5.3vw,72px);max-width:520px;margin:0;text-shadow:0 2px 18px #10274466}.hero-overlay h1 em{color:#8dbaff}.hero-copy{width:100%;display:grid;grid-template-columns:1fr 1fr;column-gap:40px;align-items:center}.hero-copy .eyebrow{grid-column:1/-1;margin-bottom:8px}.hero-copy .intro{margin:0;max-width:600px}.hero-copy .hero-actions{justify-content:flex-end}.hero-copy .hero-meta{grid-column:1/-1;margin-top:20px}.hero-pause{position:absolute;right:18px;bottom:18px;border:1px solid #ffffff66;background:#102744c9;color:#fff;width:42px;height:42px;border-radius:50%;font-weight:700}.hero{padding-top:32px}@media(max-width:760px){.hero-slideshow{height:560px}.hero-overlay{padding:24px;align-items:flex-end;padding-bottom:70px;background:linear-gradient(0deg,rgba(8,25,48,.88),rgba(8,25,48,.25) 60%,transparent)}.hero-overlay h1{font-size:44px;max-width:340px;letter-spacing:-1.5px}.hero-copy{display:block}.hero-copy .intro{margin-bottom:22px}.hero-copy .hero-actions{justify-content:flex-start}.hero-slideshow .hero-slide:nth-child(2) img{padding:15px;object-position:center 20%}.hero-slideshow .hero-slide img{object-position:50% 50%}.hero{padding-top:20px}}@media(prefers-reduced-motion:reduce){.hero-slide{transition:none}}

.hero-slideshow .category-hero-slide img{object-fit:cover;object-position:center;padding:0}@media(max-width:760px){.hero-slideshow .category-hero-slide img{object-fit:contain;object-position:center 15%;background:#102744}}

#language{width:auto;max-width:145px;min-width:112px;border:1px solid #dce3ec;background:#fff;color:#102744;padding:9px 6px;font-size:14px;letter-spacing:0}.hero-overlay h1{overflow-wrap:anywhere}@media(max-width:760px){#language{max-width:120px;min-width:100px;font-size:13px}.hero-overlay h1{font-size:clamp(32px,8vw,44px)}}

.language-picker{position:relative;flex-shrink:0}.language-picker #language{display:none}.language-picker summary{display:flex;align-items:center;gap:7px;cursor:pointer;list-style:none;font-size:14px;font-weight:700;padding:9px 6px}.language-picker summary::-webkit-details-marker{display:none}.language-picker summary::after{content:'⌄';margin-left:3px}.language-picker img{display:block;width:24px;height:16px;object-fit:cover;border:1px solid #e3e8ef}.language-options{position:absolute;top:100%;right:0;background:#fff;box-shadow:0 8px 24px #10274426;border:1px solid #dce3ec;padding:6px;min-width:160px;z-index:50}.language-options button{display:flex;align-items:center;gap:10px;width:100%;background:#fff;border:0;color:#102744;text-align:left;font-size:14px;padding:10px}.language-options button:hover,.language-options button:focus-visible{background:#edf3fc}

.header-brand-search{width:240px;max-width:100%;flex-shrink:0}.header-brand-search .brand{width:100%;margin:0}.product-search{position:relative;margin-top:9px}.search-input-row{display:flex;border:1px solid #cbd5e1;background:#fff}.search-input-row input{min-width:0;width:100%;border:0;padding:9px 10px;font-size:14px;color:#102744;background:transparent}.search-input-row button{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:40px;border:0;background:transparent;color:#245dd0}.search-label{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.search-results{position:absolute;top:calc(100% + 5px);left:0;width:max(100%,260px);max-width:calc(100vw - 36px);max-height:320px;overflow-y:auto;background:#fff;border:1px solid #dce3ec;box-shadow:0 8px 24px #10274426;z-index:60}.search-results button{display:block;width:100%;padding:11px 14px;text-align:left;background:#fff;border:0;border-bottom:1px solid #edf0f4;color:#102744;font-size:14px}.search-results button:hover,.search-results button:focus-visible{background:#edf3fc}.search-results p{padding:12px 14px;font-size:14px;margin:0}@media(max-width:760px){.header-brand-search{width:180px}.nav .header-brand-search .brand{width:100%;margin:0}.search-input-row input{font-size:16px;padding:8px}.search-input-row button{width:32px}}@media(max-width:390px){.header-brand-search{width:100%}.header-brand-search .brand{max-width:200px}.product-search{max-width:280px}}

/* Centered, larger product search */
.header-search-row{display:flex;justify-content:center;padding-bottom:18px}.header-search-row .product-search{width:560px;max-width:100%;margin:0}.header-search-row .search-input-row{min-height:54px;border-radius:28px;border:1px solid #bdcbdc;overflow:hidden;box-shadow:0 3px 12px #1027440a}.header-search-row .search-input-row input{padding:14px 22px;font-size:17px;outline:none}.header-search-row .search-input-row:focus-within{border-color:#245dd0;box-shadow:0 0 0 3px #245dd01a}.header-search-row .search-input-row button{width:58px}.header-search-row .search-input-row button svg{width:24px;height:24px}.header-search-row .search-results{width:100%;border-radius:18px}.header-brand-search{width:240px}@media(max-width:760px){.header-brand-search{width:180px}.header-search-row{padding-bottom:16px}.header-search-row .product-search{width:100%;max-width:560px}.header-search-row .search-input-row{min-height:52px}.header-search-row .search-input-row input{font-size:16px;padding:13px 18px}}

.footer-corporate{display:flex;flex-direction:column;align-items:flex-start;gap:12px;min-width:140px}.footer-corporate h3{margin:0 0 4px;color:#102744;font-size:18px}.footer-corporate a{font-size:15px;color:#526479}.footer-corporate a:hover{text-decoration:underline;color:#245dd0}@media(max-width:760px){.footer-corporate{width:100%;padding:8px 0 16px}}

.header-language-row{display:flex;justify-content:flex-end;padding:6px 24px 0}.header-language-row .language-picker{z-index:70}.header-language-row .language-picker summary{padding:6px 0 6px 8px}.header-whatsapp{display:grid;grid-template-columns:17px auto;column-gap:7px;row-gap:3px;text-align:center}.header-whatsapp-number{grid-column:1/-1;display:block;font-size:14px;white-space:nowrap;letter-spacing:.2px}.header-contact-actions{gap:6px}@media(max-width:760px){.header-language-row{padding:6px 14px 0}.header-whatsapp-number{font-size:13px}}

#productsToggle{font-size:22px;font-weight:800;color:#102744;padding:12px 18px;border-radius:14px;background:#edf3fc;display:inline-flex;align-items:center;gap:12px}#productsToggle:hover,#productsToggle[aria-expanded="true"]{background:#dce8fa;color:#245dd0}.products-menu-dots{font-size:17px;letter-spacing:3px;line-height:1}@media(max-width:760px){#productsToggle{font-size:20px;padding:10px 14px}}

#productsToggle{font-family:"Arial Black",Arial,sans-serif;font-weight:900;text-transform:uppercase;letter-spacing:.6px;background:transparent;border-radius:0;gap:12px}#productsToggle:hover,#productsToggle[aria-expanded="true"]{background:transparent;color:#245dd0}.products-menu-dots{display:inline-flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;letter-spacing:0;width:7px;flex-shrink:0}.products-menu-dots i{display:block;width:4px;height:4px;border-radius:50%;background:currentColor}

.products-menu-dots{width:12px;gap:4px}.products-menu-dots i{width:7px;height:7px}

#productsToggle .products-menu-dots{font-size:inherit;width:.28em;height:.68em;gap:.07em;justify-content:center;align-self:center}#productsToggle .products-menu-dots i{width:.18em;height:.18em;flex-shrink:0}

.home-intro{padding-top:12px;padding-bottom:40px}.hero .hero-grid{gap:0}#products{padding-top:36px}@media(max-width:760px){#products{padding-top:28px}.home-intro{padding-bottom:28px}}

.header-company-contact{display:flex;flex-direction:column;align-items:flex-start;gap:5px;margin-top:10px;font-size:13px;line-height:1.5;color:#526479}.header-company-contact a:hover{color:#245dd0;text-decoration:underline}.header-company-contact a[href*="wa.me"]{color:#128c4a;font-weight:700}.header-company-contact span{font-size:12px}#sendWhatsApp{flex-wrap:wrap}.whatsapp-button-number{display:block;flex-basis:100%;text-align:center;font-size:14px}@media(max-width:760px){.header-company-contact{font-size:12px}.header-company-contact span{font-size:11px}}

.header-company-contact{margin-top:4px;gap:3px;font-size:12px;line-height:1.4}.header-company-contact span{font-size:11px}@media(max-width:760px){.header-company-contact{margin-top:3px;font-size:11px;gap:3px}.header-company-contact span{font-size:10px}}

.header-company-contact{margin-top:0;gap:2px;font-size:11px;line-height:1.3}.header-company-contact span{font-size:10px}@media(max-width:760px){.header-company-contact{margin-top:0;font-size:10px;gap:2px}.header-company-contact span{font-size:9px}}

.header-language-row .language-picker summary{display:none}.header-language-row .language-options{position:static;display:flex!important;flex-direction:row;align-items:center;gap:8px;min-width:0;padding:0;border:0;box-shadow:none;background:transparent}.header-language-row .language-options button{width:auto;display:flex;padding:7px;border:1px solid transparent;border-radius:7px}.header-language-row .language-options button span{display:none}.header-language-row .language-options img{width:28px;height:19px}.header-language-row .language-options button[aria-pressed="true"]{border-color:#245dd0;background:#edf3fc}.header-language-row .language-options button:hover{background:#edf3fc}@media(max-width:760px){.header-language-row .language-options{gap:5px}.header-language-row .language-options button{padding:5px}}

.header-company-contact a[data-t="contactLink"]{font-size:12px;font-weight:700}.contact-dialog{width:min(520px,calc(100% - 32px));padding:36px;border:0;border-radius:18px;color:#102744}.contact-dialog::backdrop{background:#10274480}.contact-dialog-details{display:flex;flex-direction:column;gap:14px;font-size:15px;line-height:1.6}.contact-dialog-details a:hover{text-decoration:underline}

.contact-map{margin-top:24px;display:flex;flex-direction:column;gap:14px}.contact-map iframe{width:100%;height:280px;border:0;border-radius:12px;background:#edf3fc}.contact-map .button{align-self:flex-start;font-size:14px}.contact-dialog{max-height:90vh;overflow-y:auto}

.contact-director{margin:0;font-weight:700}.contact-dialog-details address{font-style:normal;margin-top:6px}.contact-phone-row{display:flex;align-items:center;flex-wrap:wrap;gap:12px}.contact-call{font-size:13px;font-weight:700;padding:5px 12px;border:1px solid #cbd5e1;border-radius:16px}

.cotton-material-image{margin:0 0 32px;overflow:hidden;border-radius:16px}.cotton-material-image img{display:block;width:100%;height:auto;max-height:540px;object-fit:cover}

.bag-model{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:36px;align-items:center;margin:40px 0 56px;padding:24px;border:1px solid #e3e5e7;border-radius:16px;background:#fff;scroll-margin-top:110px}.bag-color-image{width:100%;aspect-ratio:1;background-image:url('assets/optimized/c22115-upright-colors-1835132a45.webp');background-size:400% 300%;background-position:33.333333% 0%;background-repeat:no-repeat}.bag-model-heading{display:flex;justify-content:space-between;align-items:center;gap:12px}.bag-model-info h3{font-size:clamp(28px,4vw,42px);margin:0;letter-spacing:-1px}.bag-badges{display:flex;gap:10px;align-items:center}.organic-badge{width:64px;height:64px;border:2px solid #226637;border-radius:50%;color:#226637;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:10px;font-weight:700}.organic-badge svg{width:35px;height:30px}.oeko-badge{display:block;width:64px;height:64px;background-image:url('assets/optimized/oeko-tex-reference-94aaef6baf.webp');background-size:100% auto;background-position:center bottom;border-radius:0 0 32px 32px}.bag-model-info dl{border-top:1px solid #dadde0;border-bottom:1px solid #dadde0;padding:16px 0;margin:18px 0}.bag-model-info dl>div{display:flex;gap:8px;flex-wrap:wrap;margin:6px 0}.bag-model-info dt{font-weight:600}.bag-model-info dt:after{content:':'}.bag-model-info dd{margin:0}.bag-palette{border:0;padding:0;margin:20px 0 0;min-width:0}.bag-palette legend{font-weight:700;margin-bottom:12px}.bag-swatches{display:flex;flex-wrap:wrap;gap:10px}.bag-swatch{width:36px;height:36px;padding:0;border-radius:50%;border:1px solid #999;cursor:pointer;position:relative}.bag-swatch[aria-pressed=true]{outline:2px solid #2761d0;outline-offset:3px}.bag-swatch:focus-visible{outline:3px solid #102744;outline-offset:3px}.bag-color-note{font-size:12px;color:#626970}.bag-model-info .button{margin-top:8px}@media(max-width:700px){.bag-model{grid-template-columns:1fr;gap:20px;padding:16px}.bag-model-visual{max-width:430px;width:100%;margin:auto}}

.oeko-badge{background-image:none;background-color:#16a38e;border-radius:50% 0 50% 50%;display:flex;align-items:center;justify-content:center;color:#fff;font:700 16px/1.05 Arial,sans-serif;text-align:center}.oeko-badge sup{font-size:8px}


.bag-model-visual{display:grid;grid-template-columns:minmax(0,3fr) minmax(0,1fr);gap:12px;align-items:center}.bag-lifestyle-thumb{margin:0}.bag-lifestyle-thumb img{display:block;width:100%;height:auto;border-radius:8px}


.bag-product-photo{min-width:0}.bag-product-photo .bag-badges{justify-content:flex-end;margin-top:12px;position:static}.bag-color-image{position:relative;overflow:hidden}.bag-color-image.is-magnifying{cursor:none}.bag-magnifier{position:absolute;pointer-events:none;border:2px solid #102744;border-radius:50%;box-shadow:0 3px 14px #10274440;background-image:url('assets/optimized/c22115-upright-colors-1835132a45.webp');background-repeat:no-repeat;background-color:white}.bag-magnifier[hidden]{display:none}

.bag-product-description{margin:0 0 48px;max-width:940px}.bag-product-description h4{font-size:clamp(22px,2.4vw,30px);line-height:1.35;margin:0 0 18px}.bag-product-description p{color:#4b5d71;margin:12px 0;line-height:1.75}

.bag-model-info .bag-product-description{margin:18px 0 22px}.bag-model-info .bag-product-description h4{font-size:20px;line-height:1.4;margin-bottom:12px}.bag-model-info .bag-product-description p{font-size:14px;line-height:1.65}

.bag-model-visual{grid-template-columns:minmax(0,2fr) minmax(0,1fr);gap:14px}.bag-lifestyle-thumb canvas{display:block;width:100%;height:auto;border-radius:8px}.bag-lifestyle-thumb [hidden]{display:none}.bag-model-info .bag-palette{margin:18px 0 24px}

.bag-order-dialog{width:min(680px,calc(100% - 24px));max-height:90vh;overflow:auto;padding:32px;border:0;border-radius:16px;color:#102744}.bag-order-dialog::backdrop{background:#10274499}.bag-order-dialog h2{font-size:30px}.bag-order-dialog form{display:grid;gap:16px}.bag-order-dialog label{display:grid;gap:6px;font-size:14px;font-weight:600}.bag-order-dialog input,.bag-order-dialog textarea{width:100%;padding:11px;border:1px solid #cbd3dd;border-radius:6px;background:#fff;color:#102744}.bag-order-dialog input[type=file]{font-size:13px}.bag-order-dialog small{font-weight:400;color:#65758a}.order-contact-fields{display:grid;grid-template-columns:minmax(0,1fr);gap:16px}.order-honeypot{position:absolute!important;left:-9999px;width:1px;height:1px;overflow:hidden}#bagOrderStatus:empty{display:none}#bagOrderStatus{margin:0;font-size:14px}.bag-order-dialog button:disabled{opacity:.65;cursor:wait}body.order-active{overflow:hidden}body.order-active .header-company-contact,body.order-active .header-contact-actions{visibility:hidden}@media(max-width:500px){.order-contact-fields{grid-template-columns:1fr}.bag-order-dialog{padding:24px}}

.order-whatsapp-link{color:#167c45;font-weight:700;text-decoration:underline}.bag-color-image,.bag-lifestyle-thumb{cursor:zoom-in}.bag-photo-dialog{padding:32px 12px 12px;border:0;border-radius:12px;background:#fff;width:min(1000px,95vw);max-height:95vh;overflow:auto}.bag-photo-dialog::backdrop{background:#000b}.bag-photo-dialog canvas{display:block;max-width:100%;max-height:85vh;width:auto;height:auto;margin:auto}.bag-photo-dialog .close{position:absolute;right:8px;top:4px}.bag-order-dialog h2{font-size:clamp(22px,3vw,28px);line-height:1.3}

.bag-order-dialog .order-whatsapp-link{display:flex;align-items:center;justify-content:center;gap:9px;margin-top:16px;padding:10px;font-weight:700;color:#168447;text-decoration:none}.order-whatsapp-link svg{width:27px;height:27px;flex:none}.order-whatsapp-link:hover{text-decoration:underline}

.order-whatsapp-text{display:flex;flex-direction:column;gap:3px;text-align:left}.order-whatsapp-text>span:last-child{font-size:15px}

.bag-order-dialog .order-whatsapp-link{border-radius:999px;background:#168447;color:#fff;border:1px solid #168447;width:fit-content;max-width:100%;margin:18px auto 0;padding:12px 28px;min-height:68px}.order-whatsapp-text{text-align:center;align-items:center}.bag-order-dialog .order-whatsapp-link:hover{background:#116937;text-decoration:none}.bag-model-info select,.bag-order-dialog select{width:100%;max-width:100%;padding:11px 12px;border:1px solid #cbd4dc;border-radius:8px;font:inherit;color:#102744;background:#fff}

.header-whatsapp{display:flex;align-items:center;justify-content:center;gap:9px;border-radius:999px;background:#168447;color:#fff;border:1px solid #168447;padding:12px 24px;min-height:68px;max-width:100%;line-height:1.4}.header-whatsapp svg{width:27px;height:27px;flex:none}.header-whatsapp .order-whatsapp-text{text-align:center;align-items:center}.header-whatsapp:hover{background:#116937;color:#fff;text-decoration:none}@media(max-width:760px){.header-whatsapp{padding:10px 16px;min-height:60px}.header-whatsapp .order-whatsapp-text>span:last-child{font-size:13px}}

.header-contact-actions .header-whatsapp{padding:5px 12px;min-height:40px;gap:6px;font-size:11px}.header-contact-actions .header-whatsapp svg{width:18px;height:18px}.header-contact-actions .header-whatsapp .order-whatsapp-text{gap:1px}.header-contact-actions .header-whatsapp .order-whatsapp-text>span:last-child{font-size:11px}.header-contact-actions .header-whatsapp:hover{background:#116937}

.bag-combined-card{display:block;width:min(100%,980px);padding:0;margin:32px auto 48px;border:1px solid #e1e6ed;border-radius:14px;overflow:hidden;background:#fff;cursor:pointer;box-shadow:0 8px 28px #1027440a}.bag-combined-card img{display:block;width:100%;height:auto}.bag-combined-card:hover{box-shadow:0 10px 32px #10274420}.bag-details-dialog{width:min(1120px,calc(100% - 24px));max-height:92vh;overflow:auto;border:0;border-radius:16px;padding:40px 20px 20px;color:#102744}.bag-details-dialog::backdrop{background:#102744aa}.bag-details-dialog .bag-model{margin:0;border:0;padding:10px}.bag-details-active{overflow:hidden}@media(max-width:700px){.bag-details-dialog{padding:40px 12px 18px}.bag-details-dialog .bag-model{padding:0}.bag-combined-card{margin:24px auto 36px}}

.bag-combined-card{padding:20px;color:#102744}.bag-card-photos{display:grid;grid-template-columns:1.25fr 1fr;gap:24px;align-items:center}.bag-card-woman img,.bag-card-woman canvas{display:block;width:100%;height:auto}.bag-card-woman [hidden]{display:none}.bag-card-badges{display:flex;justify-content:flex-end;margin:10px 0 18px}.bag-card-caption{display:flex;flex-direction:column;gap:4px;align-items:center;text-align:center;border-top:1px solid #b3c0cd;padding:14px 8px 4px}.bag-card-caption strong{font-size:clamp(26px,4vw,42px);line-height:1.2}.bag-card-caption>span{font-size:clamp(17px,2.7vw,27px);line-height:1.4}.bag-card-caption .bag-card-hint{font-size:14px;color:#2761d0;text-decoration:underline;margin-top:8px}.bag-card-photos .bag-color-image{cursor:pointer}@media(max-width:600px){.bag-combined-card{padding:12px}.bag-card-photos{gap:10px}.bag-card-badges{margin:8px 0 12px}.bag-card-badges .organic-badge,.bag-card-badges .oeko-badge{width:48px;height:48px}.bag-card-badges .organic-badge{font-size:8px}.bag-card-badges .organic-badge svg{width:27px;height:23px}}

#gussetBagCardColorImage,#gussetBagColorImage,#gussetBagMagnifier{background-image:none}#gussetBagCardColorImage,#gussetBagColorImage{background-size:400% 300%}

.gusset-card{padding:0 0 18px}.gusset-card img,.gusset-card canvas,.gusset-details-visual canvas{display:block;width:100%;height:auto}.gusset-card [hidden]{display:none}.gusset-card .bag-card-hint{display:block;margin-top:12px;color:#2761d0;text-decoration:underline;font-size:14px}#gussetBagDetailsDialog .bag-model,#zipperBagDetailsDialog .bag-model,#pocketBagDetailsDialog .bag-model{align-items:start}

.gusset-image-crop{aspect-ratio:1536/874;overflow:hidden;width:100%;position:relative}.gusset-image-crop canvas,.gusset-image-crop img{display:block;width:100%;height:auto;max-width:none}.gusset-image-crop [hidden]{display:none}#gussetDetailsCanvas{cursor:zoom-in}.gusset-card .bag-card-caption{margin:0 20px}

/* Keep both product-detail dialogs clear of browser chrome and safe areas. */
#bagDetailsDialog,#gussetBagDetailsDialog,#zipperBagDetailsDialog,#pocketBagDetailsDialog{position:fixed;inset:0;margin:auto;width:min(1120px,calc(100% - 32px));height:auto;max-height:calc(100vh - 96px);max-height:calc(100dvh - 96px - env(safe-area-inset-top,0px) - env(safe-area-inset-bottom,0px));padding:56px 24px 40px;overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;scroll-padding-top:20px;scroll-padding-bottom:32px;-webkit-overflow-scrolling:touch}#bagDetailsDialog .bag-model,#gussetBagDetailsDialog .bag-model,#zipperBagDetailsDialog .bag-model,#pocketBagDetailsDialog .bag-model{margin:0;padding:0;min-width:0}#bagDetailsDialog .bag-model-info,#gussetBagDetailsDialog .bag-model-info,#zipperBagDetailsDialog .bag-model-info,#pocketBagDetailsDialog .bag-model-info{min-width:0}@media(max-width:700px){#bagDetailsDialog,#gussetBagDetailsDialog,#zipperBagDetailsDialog,#pocketBagDetailsDialog{width:calc(100% - 24px);max-height:calc(100vh - 64px);max-height:calc(100dvh - 64px - env(safe-area-inset-top,0px) - env(safe-area-inset-bottom,0px));padding:52px 16px 36px}}

#zipperDetailsCanvas{cursor:zoom-in;width:100%;height:auto;display:block}

/* Product cards continue in pairs; colours change only by palette selection. */
.bag-products-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;margin:32px 0 48px;align-items:start}
.bag-products-grid .bag-combined-card{width:100%;min-width:0;margin:0}
.bag-products-grid .bag-card-caption strong{font-size:clamp(22px,3vw,34px)}
.bag-products-grid .bag-card-caption>span:not(.bag-card-hint){font-size:clamp(14px,2vw,21px)}
@media(max-width:600px){.bag-products-grid{gap:12px;margin:24px 0 36px}.bag-products-grid .bag-combined-card{padding:8px}.bag-products-grid .gusset-card{padding:0 0 12px}.bag-products-grid .bag-card-photos{gap:4px}.bag-products-grid .bag-card-caption{margin:0;padding:10px 4px 4px}.bag-products-grid .bag-card-caption strong{font-size:21px}.bag-products-grid .bag-card-caption>span:not(.bag-card-hint){font-size:13px}.bag-products-grid .bag-card-hint{font-size:11px}.bag-products-grid .bag-card-badges .organic-badge,.bag-products-grid .bag-card-badges .oeko-badge{width:36px;height:36px}.bag-products-grid .bag-card-badges .organic-badge svg{width:20px;height:18px}.bag-products-grid .bag-card-badges .organic-badge{font-size:6px}}

/* Equal product image frames and compact, left-aligned catalogue labels. */
.bag-products-grid .bag-combined-card{padding:0 0 16px}
.bag-products-grid .bag-card-media,.bag-products-grid .gusset-image-crop{width:100%;aspect-ratio:1536/874;box-sizing:border-box;overflow:hidden}
.bag-products-grid .bag-card-media{display:grid;grid-template-rows:minmax(0,1fr) 48px;padding:12px 16px 4px}
.bag-products-grid .bag-card-photos{height:100%;min-height:0;gap:12px;grid-template-columns:1.25fr 1fr}
.bag-products-grid .bag-card-photos .bag-color-image{max-height:100%;height:100%;aspect-ratio:auto;background-size:400% 300%}
.bag-products-grid .bag-card-woman{height:100%;min-height:0;overflow:hidden}
.bag-products-grid .bag-card-woman img,.bag-products-grid .bag-card-woman canvas{width:100%;height:100%;object-fit:contain}
.bag-products-grid .bag-card-badges{margin:0;align-self:center}
.bag-products-grid .bag-card-badges .organic-badge,.bag-products-grid .bag-card-badges .oeko-badge{width:38px;height:38px}
.bag-products-grid .bag-card-badges .organic-badge svg{width:21px;height:18px}
.bag-products-grid .bag-card-badges .organic-badge{font-size:6px}
.bag-products-grid .bag-card-caption{margin:0 16px;padding:12px 0 4px;text-align:left;align-items:flex-start;min-height:74px;box-sizing:border-box}
.bag-products-grid .bag-card-caption strong{font-size:20px;line-height:1.2}
.bag-products-grid .bag-card-caption>span:not(.bag-card-hint){font-size:18px;line-height:1.35}
.bag-products-grid .bag-card-hint{display:block;margin:8px 16px 0;text-align:left;color:#2761d0;text-decoration:underline;font-size:13px;line-height:1.4}
@media(max-width:600px){.bag-products-grid .bag-card-media{padding:6px 8px 2px;grid-template-rows:minmax(0,1fr) 32px}.bag-products-grid .bag-card-photos{gap:4px}.bag-products-grid .bag-card-badges .organic-badge,.bag-products-grid .bag-card-badges .oeko-badge{width:27px;height:27px}.bag-products-grid .bag-card-badges .organic-badge svg{width:15px;height:13px}.bag-products-grid .bag-card-badges .organic-badge{font-size:5px}.bag-products-grid .bag-card-caption{margin:0 10px;padding:10px 0 4px;min-height:72px}.bag-products-grid .bag-card-caption strong{font-size:16px}.bag-products-grid .bag-card-caption>span:not(.bag-card-hint){font-size:13px}.bag-products-grid .bag-card-hint{font-size:11px;margin:6px 10px 0}}

/* All three products share this request dialog. Leave visible space around it. */
#bagOrderDialog{position:fixed;inset:0;margin:auto;box-sizing:border-box;width:min(680px,calc(100% - 32px));height:auto;max-height:calc(100vh - 96px);max-height:calc(100dvh - 96px - env(safe-area-inset-top,0px) - env(safe-area-inset-bottom,0px));padding:56px 28px 40px;overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;scroll-padding-top:20px;scroll-padding-bottom:32px;-webkit-overflow-scrolling:touch}
#bagOrderDialog form{min-width:0;margin:0}
#bagOrderDialog h2{margin-top:0;overflow-wrap:anywhere}
#bagOrderDialog input,#bagOrderDialog select,#bagOrderDialog textarea{box-sizing:border-box;min-width:0;max-width:100%}
#bagOrderDialog .close{top:14px;right:14px}
@media(max-width:700px){#bagOrderDialog{width:calc(100% - 24px);max-height:calc(100vh - 64px);max-height:calc(100dvh - 64px - env(safe-area-inset-top,0px) - env(safe-area-inset-bottom,0px));padding:52px 18px 36px}}

#pocketDetailsCanvas{cursor:zoom-in;width:100%;height:auto;display:block}

/* Keep the request action alongside each product code. */
.bag-details-dialog .bag-model-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:nowrap;min-width:0;margin-bottom:18px}
.bag-details-dialog .bag-model-heading h3{margin:0;flex:0 0 auto}
.bag-details-dialog .bag-model-heading .button{margin:0;width:auto;flex:0 1 auto;text-align:center;white-space:normal;line-height:1.3;padding:10px 16px}
@media(max-width:600px){.bag-details-dialog .bag-model-heading{gap:10px}.bag-details-dialog .bag-model-heading h3{font-size:24px}.bag-details-dialog .bag-model-heading .button{font-size:13px;padding:9px 12px}}

.bag-separate-photos{display:grid;grid-template-columns:1.25fr 1fr;gap:16px;align-items:start;min-width:0}
.bag-detail-photo{display:block;min-width:0;padding:0;border:0;background:#fff;cursor:zoom-in;overflow:hidden;border-radius:8px}
.bag-detail-photo canvas{display:block;width:100%;height:auto}
.bag-detail-photo:focus-visible{outline:3px solid #2761d0;outline-offset:3px}
.bag-separate-photos>canvas[hidden]{display:none!important}
@media(max-width:600px){.bag-separate-photos{gap:10px}}

/* Match C22115: keep photo previews within the current viewport on all devices. */
.bag-photo-dialog{position:fixed;inset:0;margin:auto;box-sizing:border-box;width:min(1000px,calc(100vw - 32px));height:auto;max-width:calc(100vw - 32px);max-height:calc(100vh - 64px);max-height:calc(100dvh - 64px - env(safe-area-inset-top,0px) - env(safe-area-inset-bottom,0px));padding:48px 16px 16px;overflow:hidden}
.bag-photo-dialog canvas{display:block;box-sizing:border-box;width:auto;height:auto;max-width:100%!important;max-height:calc(100vh - 132px);max-height:calc(100dvh - 132px - env(safe-area-inset-top,0px) - env(safe-area-inset-bottom,0px));object-fit:contain;margin:auto}
.bag-photo-dialog .close{top:10px;right:10px}
@media(max-width:600px){.bag-photo-dialog{width:calc(100vw - 24px);max-width:calc(100vw - 24px);padding:44px 10px 12px}.bag-photo-dialog canvas{max-height:calc(100vh - 124px);max-height:calc(100dvh - 124px - env(safe-area-inset-top,0px) - env(safe-area-inset-bottom,0px))}}

.brief-mail-honeypot{position:absolute!important;left:-10000px!important;width:1px!important;height:1px!important;overflow:hidden!important}#briefMailStatus{margin:12px 0;line-height:1.5}
:root .category-search-bar{display:flex;align-items:center;width:760px;max-width:100%;min-width:0;border:1px solid #bdcbdc;border-radius:28px;background:#fff;box-shadow:0 3px 12px #1027440a}
:root .category-search-bar:focus-within{border-color:#245dd0;box-shadow:0 0 0 3px #245dd01a}
:root .category-search-bar nav{display:flex;flex:0 0 auto;order:0;width:auto;border:0;padding:0;gap:0}
:root .category-search-bar #productsToggle{font-size:17px;padding:13px 18px;gap:10px;white-space:nowrap;letter-spacing:.3px;min-height:52px;border-right:1px solid #dce3ec}
:root .categories-menu-lines{display:inline-flex;flex-direction:column;justify-content:center;gap:4px;width:23px;flex-shrink:0}
:root .categories-menu-lines i{display:block;width:100%;height:4px;border-radius:1px;background:currentColor}
:root .category-search-bar .product-search{flex:1;min-width:0;width:auto;max-width:none;margin:0}
:root .category-search-bar .search-input-row{border:0;border-radius:0 28px 28px 0;box-shadow:none;min-height:52px}
:root .category-search-bar .search-input-row:focus-within{box-shadow:none}
:root .category-search-bar .products-dropdown{left:0;top:calc(100% + 8px)}
@media(max-width:600px){
 :root .category-search-bar #productsToggle{font-size:12px;padding:12px 10px;gap:7px;letter-spacing:0}
 :root .categories-menu-lines{width:18px;gap:3px}
 :root .categories-menu-lines i{height:3px}
 :root .category-search-bar .search-input-row input{padding:12px 8px;font-size:14px}
 :root .category-search-bar .search-input-row button{width:36px}
}

/* Company contact beside the logo. */
:root header .header-brand-search{display:grid;grid-template-columns:minmax(150px,240px) minmax(180px,1fr);align-items:center;gap:24px;width:auto;max-width:620px;flex:1 1 440px}
:root header .header-brand-search .brand{width:100%;max-width:240px;margin:0}
:root header .header-company-contact{margin:0;font-size:12px;line-height:1.4;gap:3px;min-width:0}
:root header .header-company-contact span{font-size:11px}
@media(max-width:600px){
 :root header .header-brand-search{grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:14px;width:100%;max-width:none;flex-basis:100%}
 :root header .header-brand-search .brand{max-width:none}
 :root header .header-company-contact{font-size:11px}
 :root header .header-company-contact span{font-size:10px;overflow-wrap:anywhere}
}

/* All four product detail views use the C22115 certification badges. */
.bag-separate-photos .bag-product-photo .bag-detail-photo{width:100%}
.bag-separate-photos .bag-product-photo .bag-badges{justify-content:flex-end;margin-top:12px;position:static}

#conicalBagPhotoTrigger{position:relative}
.conical-fabric-lens{position:absolute;border:2px solid #102744;border-radius:50%;box-shadow:0 4px 18px #10274435;pointer-events:none;z-index:2;background:#fff}
.conical-fabric-lens[hidden]{display:none!important}
#conicalBagPhotoTrigger .conical-fabric-lens{width:140px;height:140px}

/* Transparent marks remain inside the woman's photo. */
.bag-details-dialog .logo-photo-frame{position:relative;overflow:hidden;border-radius:8px;isolation:isolate}
.bag-details-dialog .logo-photo-frame>.bag-certification-logos{position:absolute;right:0;bottom:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:center;justify-items:center;gap:0;width:41%;max-width:100%;min-width:0;aspect-ratio:2/1;box-sizing:border-box;margin:0;padding:0;background:transparent;border-radius:22% 0 0 0;overflow:hidden;z-index:2;pointer-events:none}
.bag-details-dialog .logo-photo-frame>.bag-certification-logos .certification-logo{display:block;width:80%;height:auto;min-width:0;max-width:100%;aspect-ratio:1;object-fit:contain;visibility:visible;opacity:1}

/* Catalogue packaging detail, kept within each product specification list. */
.bag-model-info .bag-packaging-value{display:flex;align-items:center;gap:10px;margin:0;font-size:20px;font-weight:600;line-height:1.25;font-variant-numeric:tabular-nums}
.bag-packaging-icon{display:block;width:40px;height:30px;flex:0 0 40px}

/* All five models: alpha artwork and no opaque frame behind either mark. */
:is(#bagDetailsDialog,#gussetBagDetailsDialog,#zipperBagDetailsDialog,#pocketBagDetailsDialog,#conicalBagDetailsDialog) .logo-photo-frame,
.bag-details-dialog .logo-photo-frame>.bag-certification-logos,
.bag-details-dialog .logo-photo-frame .certification-logo{background:transparent!important;background-image:none!important;box-shadow:none!important}

/* The catalogue cards and detail photos share the same transparent marks.
   Only the embedded marks are cut from the lower raster layer. */
.bag-products-grid .gusset-image-crop>img,
.bag-products-grid .gusset-image-crop>canvas{
 -webkit-mask-image:url('assets/catalogue-without-baked-badges.svg?v=20261026');
 mask-image:url('assets/catalogue-without-baked-badges.svg?v=20261026');
 -webkit-mask-size:100% 100%;mask-size:100% 100%;
 -webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;
}
.bag-products-grid .gusset-image-crop>.bag-card-certifications{
 position:absolute;right:2.4%;bottom:3%;width:17.2%;aspect-ratio:2/1;
 display:grid;grid-template-columns:repeat(2,minmax(0,1fr));
 align-items:center;justify-items:center;gap:0;padding:0;margin:0;
 background:transparent;pointer-events:none;z-index:2;
}
.bag-products-grid .gusset-image-crop>.bag-card-certifications>img{
 display:block;width:80%;height:auto;max-width:100%;aspect-ratio:1;
 object-fit:contain;background:transparent;
}

/* C22116–C22118 match the in-photo badges of the reference models. */
.bag-products-grid :is(#openBagDetails,#gussetOpenBagDetails,#zipperOpenBagDetails,#pocketOpenBagDetails,#conicalOpenBagDetails) .gusset-image-crop>img,
.bag-products-grid :is(#openBagDetails,#gussetOpenBagDetails,#zipperOpenBagDetails,#pocketOpenBagDetails,#conicalOpenBagDetails) .gusset-image-crop>canvas{
 -webkit-mask-image:url('assets/catalogue-portrait-badges-mask.svg?v=20261026');
 mask-image:url('assets/catalogue-portrait-badges-mask.svg?v=20261026');
}
.bag-products-grid :is(#openBagDetails,#gussetOpenBagDetails,#zipperOpenBagDetails,#pocketOpenBagDetails,#conicalOpenBagDetails) .bag-card-certifications{
 right:9.505%;width:15.4%;bottom:3%;
}

/* C22120: original photo contains no baked labels or white corner. */
.bag-products-grid #shopperOpenBagDetails .gusset-image-crop>img,
.bag-products-grid #shopperOpenBagDetails .gusset-image-crop>canvas{mask:none;-webkit-mask:none}
.bag-products-grid #shopperOpenBagDetails .bag-card-certifications{right:.3%;width:8.2%;bottom:.5%}
#shopperBagDetailsDialog .logo-photo-frame>.bag-certification-logos{width:20%}
#shopperBagPhotoTrigger{position:relative}
.shopper-fabric-lens{position:absolute;border:2px solid #102744;border-radius:50%;box-shadow:0 4px 18px #10274435;pointer-events:none;z-index:2;background:#fff}
.shopper-fabric-lens[hidden]{display:none!important}
#shopperBagPhotoTrigger .shopper-fabric-lens{width:140px;height:140px}

/* K22121 pouch catalogue and product details. */
#kese .pouch-products-grid{margin-top:24px}
#drawstringOpenBagDetails .gusset-image-crop{aspect-ratio:1145/1120}
#drawstringOpenBagDetails .gusset-image-crop>img,#drawstringOpenBagDetails .gusset-image-crop>canvas{mask:none;-webkit-mask:none}
#drawstringOpenBagDetails .bag-card-certifications{right:1%;width:18%;bottom:2%}
#drawstringBagDetailsDialog .logo-photo-frame>.bag-certification-logos{width:18%;right:1%;bottom:2%}
#drawstringBagPhotoTrigger{position:relative}
.drawstring-fabric-lens{position:absolute;border:2px solid #102744;border-radius:50%;box-shadow:0 4px 18px #10274435;pointer-events:none;z-index:3;background:#fff}
.drawstring-fabric-lens[hidden]{display:none!important}

/* Pouch sizes share a uniform card frame and independent product controls. */
.pouch-products-grid .gusset-image-crop{aspect-ratio:1145/1120}
.pouch-products-grid .gusset-image-crop>img,.pouch-products-grid .gusset-image-crop>canvas{mask:none;-webkit-mask:none}
.pouch-products-grid .gusset-image-crop>.bag-card-certifications{right:1%;width:18%;bottom:2%}
.pouch-products-grid .bag-card-caption .pouch-card-size{font-size:14px;font-weight:600;color:#40546b}
.pouch-size-dialog .logo-photo-frame>.bag-certification-logos{width:18%;right:1%;bottom:2%}
.pouch-size-dialog .bag-product-photo .logo-photo-frame{position:relative}
.pouch-size-fabric-lens{position:absolute;border:2px solid #102744;border-radius:50%;box-shadow:0 4px 18px #10274435;pointer-events:none;z-index:3;background:#fff}
.pouch-size-fabric-lens[hidden]{display:none!important}

/* Paired product/lifestyle presentation, preserving the common physical product scale. */
#kese .pouch-lifestyle-card{aspect-ratio:3/2!important;background:#fff}
#kese .pouch-lifestyle-card>canvas,#kese .pouch-lifestyle-card>img:not(.pouch-lifestyle-photo){position:absolute;left:0;bottom:0;width:54%;height:auto;mask:none;-webkit-mask:none}
#kese .pouch-lifestyle-card>img.pouch-lifestyle-photo{position:absolute;inset:0 0 0 auto;width:46%;height:100%;object-fit:cover;object-position:center;mask:none;-webkit-mask:none;border-radius:0}
#kese .pouch-lifestyle-card>.bag-card-certifications{right:47%;bottom:2%;width:15%}
.pouch-size-dialog .bag-detail-woman canvas,#drawstringBagDetailsDialog .bag-detail-woman canvas{width:100%;height:auto;max-height:560px;object-fit:contain}

#kese .pencil-pouch-card{aspect-ratio:3/2!important}
#kese .pencil-pouch-card>canvas{position:static;width:100%;height:auto;mask:none;-webkit-mask:none}
#kese .pencil-pouch-card>.bag-card-certifications{right:1%;bottom:1%;width:15%}
#pencil27BagDetailsDialog .logo-photo-frame>.bag-certification-logos{width:15%;right:1%;bottom:1%}

#kese .pencil-pouch-card.pouch-lifestyle-card>canvas,#kese .pencil-pouch-card.pouch-lifestyle-card>img:not(.pouch-lifestyle-photo){position:absolute;left:0;bottom:0;width:54%;height:auto}
#kese .pencil-pouch-card.pouch-lifestyle-card>.bag-card-certifications{right:47%;bottom:2%;width:15%}

#pencil27WomanPhotoTrigger>img{display:block;width:100%;height:auto;max-height:560px;object-fit:contain}
#pencil27WomanPhotoTrigger>[hidden]{display:none!important}

.pencil-size-options{display:flex;flex-wrap:wrap;gap:8px}
.pencil-size-option{padding:10px 14px;border:1px solid #bdc7d2;border-radius:8px;background:#fff;color:#102744;font:inherit;cursor:pointer}
.pencil-size-option[aria-pressed="true"]{background:#102744;border-color:#102744;color:#fff;box-shadow:0 0 0 2px #10274420}
.pencil-size-option:focus-visible{outline:3px solid #2761d0;outline-offset:3px}
#orderSizeField[hidden]{display:none!important}

/* K22128: retain the established paired photo and dialog layout. */
#makeup28WomanPhotoTrigger>img{display:block;width:100%;height:auto;max-height:560px;object-fit:contain}
#makeup28WomanPhotoTrigger>[hidden]{display:none!important}
#makeup28BagDetailsDialog .bag-detail-photo canvas{max-width:100%;object-fit:contain}

#cotton29WomanPhotoTrigger>img{display:block;width:100%;height:auto;max-height:560px;object-fit:contain}
#cotton29WomanPhotoTrigger>[hidden]{display:none!important}
#cotton29BagDetailsDialog .bag-detail-photo canvas{max-width:100%;object-fit:contain}

/* C22130 paired catalogue view, natural cloth colour outside details. */
#sport30OpenBagDetails .sport-card-media{aspect-ratio:1536/874!important;background:#fff}
#sport30OpenBagDetails .sport-card-media>canvas,#sport30OpenBagDetails .sport-card-media>img:not(.pouch-lifestyle-photo){position:absolute;left:0;bottom:8%;width:56%;height:auto;mask:none;-webkit-mask:none}
#sport30OpenBagDetails .sport-card-media>.pouch-lifestyle-photo{position:absolute;right:0;top:0;width:44%;height:100%;object-fit:contain;object-position:center;mask:none;-webkit-mask:none}
#sport30WomanPhotoTrigger>img{display:block;width:100%;height:auto;max-height:560px;object-fit:contain}
#sport30WomanPhotoTrigger>[hidden]{display:none!important}

/* C22131 paired catalogue view, natural cloth colour outside details. */
#backpack31OpenBagDetails .sport-card-media{aspect-ratio:1536/874!important;background:#fff}
#backpack31OpenBagDetails .sport-card-media>canvas,#backpack31OpenBagDetails .sport-card-media>img:not(.pouch-lifestyle-photo){position:absolute;left:0;bottom:8%;width:56%;height:auto;mask:none;-webkit-mask:none}
#backpack31OpenBagDetails .sport-card-media>.pouch-lifestyle-photo{position:absolute;right:0;top:0;width:44%;height:100%;object-fit:contain;object-position:center;mask:none;-webkit-mask:none}
#backpack31WomanPhotoTrigger>img{display:block;width:100%;height:auto;max-height:560px;object-fit:contain}
#backpack31WomanPhotoTrigger>[hidden]{display:none!important}

/* C22132 paired catalogue view, natural cloth colour outside details. */
#bottle32OpenBagDetails .sport-card-media{aspect-ratio:1536/874!important;background:#fff}
#bottle32OpenBagDetails .sport-card-media>canvas,#bottle32OpenBagDetails .sport-card-media>img:not(.pouch-lifestyle-photo){position:absolute;left:0;bottom:8%;width:56%;height:auto;mask:none;-webkit-mask:none}
#bottle32OpenBagDetails .sport-card-media>.pouch-lifestyle-photo{position:absolute;right:0;top:0;width:44%;height:100%;object-fit:contain;object-position:center;mask:none;-webkit-mask:none}
#bottle32WomanPhotoTrigger>img{display:block;width:100%;height:auto;max-height:560px;object-fit:contain}
#bottle32WomanPhotoTrigger>[hidden]{display:none!important}

/* Equal transparent badges in the reserved white margin, outside the cloth. */
#sport30OpenBagDetails .sport-card-media>.bag-card-certifications,#backpack31OpenBagDetails .sport-card-media>.bag-card-certifications,#bottle32OpenBagDetails .sport-card-media>.bag-card-certifications{right:45%;bottom:1%;width:16%;background:transparent;overflow:visible}
#sport30BagDetailsDialog .logo-photo-frame>.bag-certification-logos,#backpack31BagDetailsDialog .logo-photo-frame>.bag-certification-logos,#bottle32BagDetailsDialog .logo-photo-frame>.bag-certification-logos{right:1%;bottom:1%;width:18%;background:transparent;overflow:visible}

/* C22130–C22132: marks belong to the woman photo, never to the product canvas. */
#sport30OpenBagDetails .sport-card-media>.bag-card-certifications,#backpack31OpenBagDetails .sport-card-media>.bag-card-certifications,#bottle32OpenBagDetails .sport-card-media>.bag-card-certifications{right:4%;bottom:2%;width:15%}
#sport30WomanPhotoTrigger,#backpack31WomanPhotoTrigger,#bottle32WomanPhotoTrigger{position:relative;width:min(100%,373.333px);justify-self:center;line-height:0}
#sport30WomanPhotoTrigger>canvas,#sport30WomanPhotoTrigger>img,#backpack31WomanPhotoTrigger>canvas,#backpack31WomanPhotoTrigger>img,#bottle32WomanPhotoTrigger>canvas,#bottle32WomanPhotoTrigger>img{width:100%;height:auto;max-height:none;object-fit:contain}
#sport30BagDetailsDialog #sport30WomanPhotoTrigger>.bag-certification-logos,#backpack31BagDetailsDialog #backpack31WomanPhotoTrigger>.bag-certification-logos,#bottle32BagDetailsDialog #bottle32WomanPhotoTrigger>.bag-certification-logos{right:3%;bottom:3%;width:30%;background:transparent;overflow:visible;line-height:normal}

/* Coloured cotton handles: paired photos and transparent marks on the woman image. */
#color33OpenBagDetails .sport-card-media,#color34OpenBagDetails .sport-card-media,#color35OpenBagDetails .sport-card-media,#color36OpenBagDetails .sport-card-media{aspect-ratio:1536/874!important;background:#fff}
#color33OpenBagDetails .sport-card-media>canvas,#color33OpenBagDetails .sport-card-media>img:not(.pouch-lifestyle-photo),#color34OpenBagDetails .sport-card-media>canvas,#color34OpenBagDetails .sport-card-media>img:not(.pouch-lifestyle-photo),#color35OpenBagDetails .sport-card-media>canvas,#color35OpenBagDetails .sport-card-media>img:not(.pouch-lifestyle-photo),#color36OpenBagDetails .sport-card-media>canvas,#color36OpenBagDetails .sport-card-media>img:not(.pouch-lifestyle-photo){position:absolute;left:0;bottom:8%;width:56%;height:auto;mask:none;-webkit-mask:none}
#color33OpenBagDetails .sport-card-media>.pouch-lifestyle-photo,#color34OpenBagDetails .sport-card-media>.pouch-lifestyle-photo,#color35OpenBagDetails .sport-card-media>.pouch-lifestyle-photo,#color36OpenBagDetails .sport-card-media>.pouch-lifestyle-photo{position:absolute;right:0;top:0;width:44%;height:100%;object-fit:contain;object-position:center;mask:none;-webkit-mask:none}
#color33OpenBagDetails .bag-card-certifications,#color34OpenBagDetails .bag-card-certifications,#color35OpenBagDetails .bag-card-certifications,#color36OpenBagDetails .bag-card-certifications{right:4%;bottom:2%;width:15%}
#color33WomanPhotoTrigger,#color34WomanPhotoTrigger,#color35WomanPhotoTrigger,#color36WomanPhotoTrigger{position:relative;width:min(100%,373.333px);justify-self:center;line-height:0}
#color33WomanPhotoTrigger>canvas,#color33WomanPhotoTrigger>img,#color34WomanPhotoTrigger>canvas,#color34WomanPhotoTrigger>img,#color35WomanPhotoTrigger>canvas,#color35WomanPhotoTrigger>img,#color36WomanPhotoTrigger>canvas,#color36WomanPhotoTrigger>img{display:block;width:100%;height:auto;max-height:none;object-fit:contain}
#color33WomanPhotoTrigger>[hidden],#color34WomanPhotoTrigger>[hidden],#color35WomanPhotoTrigger>[hidden],#color36WomanPhotoTrigger>[hidden]{display:none!important}
#color33BagDetailsDialog #color33WomanPhotoTrigger>.bag-certification-logos,#color34BagDetailsDialog #color34WomanPhotoTrigger>.bag-certification-logos,#color35BagDetailsDialog #color35WomanPhotoTrigger>.bag-certification-logos,#color36BagDetailsDialog #color36WomanPhotoTrigger>.bag-certification-logos{right:3%;bottom:3%;width:30%;background:transparent;overflow:visible}

/* Gusseted gift pouch K22137. */
#gift37OpenBagDetails .sport-card-media{aspect-ratio:1536/874!important;background:#fff}
#gift37OpenBagDetails .sport-card-media>canvas,#gift37OpenBagDetails .sport-card-media>img:not(.pouch-lifestyle-photo){position:absolute;left:0;bottom:8%;width:56%;height:auto;mask:none;-webkit-mask:none}
#gift37OpenBagDetails .sport-card-media>.pouch-lifestyle-photo{position:absolute;right:0;top:0;width:44%;height:100%;object-fit:contain;object-position:center;mask:none;-webkit-mask:none}
#gift37OpenBagDetails .bag-card-certifications{right:4%;bottom:2%;width:15%}
#gift37WomanPhotoTrigger{position:relative;width:min(100%,373.333px);justify-self:center;line-height:0}
#gift37WomanPhotoTrigger>canvas,#gift37WomanPhotoTrigger>img{display:block;width:100%;height:auto;max-height:none;object-fit:contain}
#gift37WomanPhotoTrigger>[hidden]{display:none!important}
#gift37BagDetailsDialog #gift37WomanPhotoTrigger>.bag-certification-logos{right:3%;bottom:3%;width:30%;background:transparent;overflow:visible}

/* Gusseted gift pouch K22138. */
#pen38OpenBagDetails .sport-card-media{aspect-ratio:1536/874!important;background:#fff}
#pen38OpenBagDetails .sport-card-media>canvas,#pen38OpenBagDetails .sport-card-media>img:not(.pouch-lifestyle-photo){position:absolute;left:0;bottom:8%;width:56%;height:auto;mask:none;-webkit-mask:none}
#pen38OpenBagDetails .sport-card-media>.pouch-lifestyle-photo{position:absolute;right:0;top:0;width:44%;height:100%;object-fit:contain;object-position:center;mask:none;-webkit-mask:none}
#pen38OpenBagDetails .bag-card-certifications{right:4%;bottom:2%;width:15%}
#pen38WomanPhotoTrigger{position:relative;width:min(100%,373.333px);justify-self:center;line-height:0}
#pen38WomanPhotoTrigger>canvas,#pen38WomanPhotoTrigger>img{display:block;width:100%;height:auto;max-height:none;object-fit:contain}
#pen38WomanPhotoTrigger>[hidden]{display:none!important}
#pen38BagDetailsDialog #pen38WomanPhotoTrigger>.bag-certification-logos{right:3%;bottom:3%;width:30%;background:transparent;overflow:visible}


/* Gusseted gift pouch K22139. */
#pen39OpenBagDetails .sport-card-media{aspect-ratio:1536/874!important;background:#fff}
#pen39OpenBagDetails .sport-card-media>canvas,#pen39OpenBagDetails .sport-card-media>img:not(.pouch-lifestyle-photo){position:absolute;left:0;bottom:8%;width:56%;height:auto;mask:none;-webkit-mask:none}
#pen39OpenBagDetails .sport-card-media>.pouch-lifestyle-photo{position:absolute;right:0;top:0;width:44%;height:100%;object-fit:contain;object-position:center;mask:none;-webkit-mask:none}
#pen39OpenBagDetails .bag-card-certifications{right:4%;bottom:2%;width:15%}
#pen39WomanPhotoTrigger{position:relative;width:min(100%,373.333px);justify-self:center;line-height:0}
#pen39WomanPhotoTrigger>canvas,#pen39WomanPhotoTrigger>img{display:block;width:100%;height:auto;max-height:none;object-fit:contain}
#pen39WomanPhotoTrigger>[hidden]{display:none!important}
#pen39BagDetailsDialog #pen39WomanPhotoTrigger>.bag-certification-logos{right:3%;bottom:3%;width:30%;background:transparent;overflow:visible}

/* Gusseted gift pouch K22138. */



/* Preserve K22127 card layout after moving to pencil cases. */
#pencil27OpenBagDetails .pouch-lifestyle-card{aspect-ratio:3/2!important;background:#fff}
#pencil27OpenBagDetails .pouch-lifestyle-card>canvas,#pencil27OpenBagDetails .pouch-lifestyle-card>img:not(.pouch-lifestyle-photo){position:absolute;left:0;bottom:0;width:54%;height:auto;mask:none;-webkit-mask:none}
#pencil27OpenBagDetails .pouch-lifestyle-card>img.pouch-lifestyle-photo{position:absolute;inset:0 0 0 auto;width:46%;height:100%;object-fit:cover;object-position:center;mask:none;-webkit-mask:none;border-radius:0}
#pencil27OpenBagDetails .pouch-lifestyle-card>.bag-card-certifications{right:47%;bottom:2%;width:15%}
#pencil27OpenBagDetails .pencil-pouch-card{aspect-ratio:3/2!important}
#pencil27OpenBagDetails .pencil-pouch-card>canvas{position:static;width:100%;height:auto;mask:none;-webkit-mask:none}
#pencil27OpenBagDetails .pencil-pouch-card>.bag-card-certifications{right:1%;bottom:1%;width:15%}
#pencil27OpenBagDetails .pencil-pouch-card.pouch-lifestyle-card>canvas,#pencil27OpenBagDetails .pencil-pouch-card.pouch-lifestyle-card>img:not(.pouch-lifestyle-photo){position:absolute;left:0;bottom:0;width:54%;height:auto}
#pencil27OpenBagDetails .pencil-pouch-card.pouch-lifestyle-card>.bag-card-certifications{right:47%;bottom:2%;width:15%}

/* Makeup bags retain their product and lifestyle card layout. */
#makyaj-cantasi .pouch-products-grid{margin-top:24px}
#makyaj-cantasi .pouch-lifestyle-card{aspect-ratio:3/2!important;background:#fff}
#makyaj-cantasi .pouch-lifestyle-card>canvas,#makyaj-cantasi .pouch-lifestyle-card>img:not(.pouch-lifestyle-photo){position:absolute;left:0;bottom:0;width:54%;height:auto;mask:none;-webkit-mask:none}
#makyaj-cantasi .pouch-lifestyle-card>img.pouch-lifestyle-photo{position:absolute;inset:0 0 0 auto;width:46%;height:100%;object-fit:cover;object-position:center;mask:none;-webkit-mask:none;border-radius:0}
#makyaj-cantasi .pouch-lifestyle-card>.bag-card-certifications{right:47%;bottom:2%;width:15%}
#makyaj-cantasi .pencil-pouch-card{aspect-ratio:3/2!important}
#makyaj-cantasi .pencil-pouch-card>canvas{position:static;width:100%;height:auto;mask:none;-webkit-mask:none}
#makyaj-cantasi .pencil-pouch-card>.bag-card-certifications{right:1%;bottom:1%;width:15%}
#makyaj-cantasi .pencil-pouch-card.pouch-lifestyle-card>canvas,#makyaj-cantasi .pencil-pouch-card.pouch-lifestyle-card>img:not(.pouch-lifestyle-photo){position:absolute;left:0;bottom:0;width:54%;height:auto}
#makyaj-cantasi .pencil-pouch-card.pouch-lifestyle-card>.bag-card-certifications{right:47%;bottom:2%;width:15%}

/* C22131 additional micro polyester product and fabric detail. */
.micro31-card-group{min-width:0}
.micro31-material{margin-top:14px;padding:16px;border:1px solid #e1e6ed;border-radius:12px;background:#fff;color:#102744;text-align:left}
.micro31-material h4{font-size:17px;line-height:1.35;margin:0 0 12px}
.micro31-material-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.micro31-material figure{margin:0;min-width:0}
.micro31-photo-button{display:block;width:100%;padding:0;border:1px solid #e1e6ed;border-radius:8px;overflow:hidden;cursor:zoom-in;background:#fff}
.micro31-photo-button img{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:contain}
.micro31-material figcaption{font-size:12px;line-height:1.4;margin-top:8px}
.micro31-photo-dialog #micro31PhotoLarge{display:block;width:auto;height:auto;max-width:100%;max-height:calc(100dvh - 180px);object-fit:contain;margin:auto}
.micro31-photo-dialog #micro31PhotoCaption{margin:10px 0 0;text-align:center;font-size:14px;line-height:1.4}
#backpack31BagDetailsDialog>.micro31-material{margin-top:22px}
@media(max-width:600px){.micro31-material{padding:10px}.micro31-material-grid{gap:6px}.micro31-material h4{font-size:14px}.micro31-material figcaption{font-size:10px}}

/* Micro polyester imagery is shown only inside C22131 product details. */
#micro31DetailMaterial .micro31-material-grid{grid-template-columns:repeat(3,minmax(0,1fr));align-items:start}
#micro31DetailMaterial .micro31-photo-button img{height:260px;aspect-ratio:auto;object-fit:contain}
#micro31DetailMaterial [data-micro31-image="fabric"] img{object-fit:cover}
@media(max-width:600px){#micro31DetailMaterial .micro31-material-grid{grid-template-columns:repeat(2,minmax(0,1fr))}#micro31DetailMaterial figure:last-child{grid-column:1/-1}#micro31DetailMaterial .micro31-photo-button img{height:200px}}

/* K22140 card holder. */
#card40OpenBagDetails .sport-card-media{aspect-ratio:1536/874!important;background:#fff}
#card40OpenBagDetails .sport-card-media>canvas,#card40OpenBagDetails .sport-card-media>img:not(.pouch-lifestyle-photo){position:absolute;left:0;bottom:8%;width:56%;height:auto;mask:none;-webkit-mask:none}
#card40OpenBagDetails .sport-card-media>.pouch-lifestyle-photo{position:absolute;right:0;top:0;width:44%;height:100%;object-fit:contain;object-position:center;mask:none;-webkit-mask:none}
#card40OpenBagDetails .bag-card-certifications{right:4%;bottom:2%;width:15%}
#card40WomanPhotoTrigger{position:relative;width:min(100%,373.333px);justify-self:center;line-height:0}
#card40WomanPhotoTrigger>canvas,#card40WomanPhotoTrigger>img{display:block;width:100%;height:auto;max-height:none;object-fit:contain}
#card40WomanPhotoTrigger>[hidden]{display:none!important}
#card40BagDetailsDialog #card40WomanPhotoTrigger>.bag-certification-logos{right:3%;bottom:3%;width:30%;background:transparent;overflow:visible}

/* K22141 card holder. */
#card41OpenBagDetails .sport-card-media{aspect-ratio:1536/874!important;background:#fff}
#card41OpenBagDetails .sport-card-media>canvas,#card41OpenBagDetails .sport-card-media>img:not(.pouch-lifestyle-photo){position:absolute;left:0;bottom:8%;width:56%;height:auto;mask:none;-webkit-mask:none}
#card41OpenBagDetails .sport-card-media>.pouch-lifestyle-photo{position:absolute;right:0;top:0;width:44%;height:100%;object-fit:contain;object-position:center;mask:none;-webkit-mask:none}
#card41OpenBagDetails .bag-card-certifications{right:4%;bottom:2%;width:15%}
#card41WomanPhotoTrigger{position:relative;width:min(100%,373.333px);justify-self:center;line-height:0}
#card41WomanPhotoTrigger>canvas,#card41WomanPhotoTrigger>img{display:block;width:100%;height:auto;max-height:none;object-fit:contain}
#card41WomanPhotoTrigger>[hidden]{display:none!important}
#card41BagDetailsDialog #card41WomanPhotoTrigger>.bag-certification-logos{right:3%;bottom:3%;width:30%;background:transparent;overflow:visible}

/* K22142 card holder. */
#card42OpenBagDetails .sport-card-media{aspect-ratio:1536/874!important;background:#fff}
#card42OpenBagDetails .sport-card-media>canvas,#card42OpenBagDetails .sport-card-media>img:not(.pouch-lifestyle-photo){position:absolute;left:0;bottom:8%;width:56%;height:auto;mask:none;-webkit-mask:none}
#card42OpenBagDetails .sport-card-media>.pouch-lifestyle-photo{position:absolute;right:0;top:0;width:44%;height:100%;object-fit:contain;object-position:center;mask:none;-webkit-mask:none}
#card42OpenBagDetails .bag-card-certifications{right:4%;bottom:2%;width:15%}
#card42WomanPhotoTrigger{position:relative;width:min(100%,373.333px);justify-self:center;line-height:0}
#card42WomanPhotoTrigger>canvas,#card42WomanPhotoTrigger>img{display:block;width:100%;height:auto;max-height:none;object-fit:contain}
#card42WomanPhotoTrigger>[hidden]{display:none!important}
#card42BagDetailsDialog #card42WomanPhotoTrigger>.bag-certification-logos{right:3%;bottom:3%;width:30%;background:transparent;overflow:visible}

#drawstringWomanPhotoTrigger,#pouch22WomanPhotoTrigger,#pouch23WomanPhotoTrigger,#pouch24WomanPhotoTrigger,#pouch25WomanPhotoTrigger,#pouch26WomanPhotoTrigger{position:relative;width:min(100%,373.333px);justify-self:center;line-height:0}
#drawstringWomanPhotoTrigger>canvas,#pouch22WomanPhotoTrigger>canvas,#pouch23WomanPhotoTrigger>canvas,#pouch24WomanPhotoTrigger>canvas,#pouch25WomanPhotoTrigger>canvas,#pouch26WomanPhotoTrigger>canvas{display:block;width:100%;height:auto;max-height:none;object-fit:contain}

/* Independent transparent pouch marks: unaffected by legacy badge selectors. */
.pouch-certifications{position:absolute;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:center;justify-items:center;gap:0;aspect-ratio:2/1;box-sizing:border-box;min-width:0;max-width:100%;padding:0;margin:0;border:0;background:none;box-shadow:none;overflow:visible;pointer-events:none;z-index:4;line-height:normal;visibility:visible;opacity:1}
.pouch-certifications.pouch-certifications-card{right:4%;bottom:2%;width:15%}
.pouch-certifications.pouch-certifications-detail{right:3%;bottom:3%;width:30%}
.pouch-certifications>img{display:block;width:80%;height:auto;min-width:0;max-width:100%;aspect-ratio:1;object-fit:contain;background:none;border:0;border-radius:0;box-shadow:none;mask:none;-webkit-mask:none;visibility:visible;opacity:1}

/* O22143 apron: independent portrait frames, no inherited bag crop. */
#apron43OpenBagDetails .gusset-image-crop{display:grid;grid-template-columns:1fr 1fr;aspect-ratio:4/3;overflow:hidden;padding:0;background:#fff}
#apron43OpenBagDetails .gusset-image-crop>img{position:static;display:block!important;width:100%!important;height:100%!important;max-height:none;object-fit:contain!important;transform:none!important;aspect-ratio:auto;margin:0}
#apron43CardCanvas{display:none!important}
#apron43BagDetailsDialog{box-sizing:border-box;width:min(1080px,calc(100% - 32px));max-height:calc(100dvh - 64px);margin:32px auto;padding:38px 24px 24px;overflow:auto}
#apron43BagDetailsDialog .bag-model{display:block}
#apron43BagDetailsDialog .bag-separate-photos{display:grid;grid-template-columns:1fr 1fr;gap:20px;align-items:center}
#apron43BagDetailsDialog .bag-detail-photo{position:relative;width:100%;height:auto;max-width:none;padding:0;background:#fff;overflow:hidden;line-height:0;aspect-ratio:2/3}
#apron43BagDetailsDialog .bag-detail-photo>canvas:not(.pouch-size-fabric-lens),#apron43BagDetailsDialog .bag-detail-photo>img{display:block;width:100%;height:100%;max-height:none;object-fit:contain;aspect-ratio:2/3}
#apron43BagDetailsDialog .bag-detail-photo>[hidden]{display:none!important}
#apron43BagDetailsDialog .bag-model-info{margin:24px 0 0}
#apron43BagDetailsDialog .bag-model-heading{display:flex;align-items:center;justify-content:space-between;gap:16px}
#apron43BagPhotoDialog{box-sizing:border-box;width:min(1000px,calc(100% - 32px));height:calc(100dvh - 64px);max-height:calc(100dvh - 64px);margin:32px auto;padding:36px 12px 12px;overflow:hidden}
#apron43BagPhotoLarge{display:block;width:100%;height:100%;max-width:100%;max-height:100%;object-fit:contain}
#apron43FabricLens{position:absolute;z-index:3;border:2px solid #fff;border-radius:50%;box-shadow:0 2px 15px #0005;pointer-events:none}
@media(max-width:600px){#apron43BagDetailsDialog{padding:38px 14px 20px}#apron43BagDetailsDialog .bag-separate-photos{gap:10px}#apron43BagDetailsDialog .bag-model-heading .button{padding:12px;font-size:13px}}

/* Deferred product loading feedback. */
#productLoadStatus{position:fixed;z-index:1100;left:50%;bottom:24px;transform:translateX(-50%);padding:12px 20px;max-width:calc(100vw - 32px);border-radius:24px;background:#102744;color:#fff;box-shadow:0 4px 20px #10274433;font-size:14px;text-align:center}#productLoadStatus[hidden]{display:none}[data-product-loader][aria-busy="true"]{cursor:progress;opacity:.8}

/* O22144 apron: independent portrait frames, no inherited bag crop. */
#apron44OpenBagDetails .gusset-image-crop{display:grid;grid-template-columns:1fr 1fr;aspect-ratio:4/3;overflow:hidden;padding:0;background:#fff}
#apron44OpenBagDetails .gusset-image-crop>img{position:static;display:block!important;width:100%!important;height:100%!important;max-height:none;object-fit:contain!important;transform:none!important;aspect-ratio:auto;margin:0}
#apron44CardCanvas{display:none!important}
#apron44BagDetailsDialog{box-sizing:border-box;width:min(1080px,calc(100% - 32px));max-height:calc(100dvh - 64px);margin:32px auto;padding:38px 24px 24px;overflow:auto}
#apron44BagDetailsDialog .bag-model{display:block}
#apron44BagDetailsDialog .bag-separate-photos{display:grid;grid-template-columns:1fr 1fr;gap:20px;align-items:center}
#apron44BagDetailsDialog .bag-detail-photo{position:relative;width:100%;height:auto;max-width:none;padding:0;background:#fff;overflow:hidden;line-height:0;aspect-ratio:2/3}
#apron44BagDetailsDialog .bag-detail-photo>canvas:not(.pouch-size-fabric-lens),#apron44BagDetailsDialog .bag-detail-photo>img{display:block;width:100%;height:100%;max-height:none;object-fit:contain;aspect-ratio:2/3}
#apron44BagDetailsDialog .bag-detail-photo>[hidden]{display:none!important}
#apron44BagDetailsDialog .bag-model-info{margin:24px 0 0}
#apron44BagDetailsDialog .bag-model-heading{display:flex;align-items:center;justify-content:space-between;gap:16px}
#apron44BagPhotoDialog{box-sizing:border-box;width:min(1000px,calc(100% - 32px));height:calc(100dvh - 64px);max-height:calc(100dvh - 64px);margin:32px auto;padding:36px 12px 12px;overflow:hidden}
#apron44BagPhotoLarge{display:block;width:100%;height:100%;max-width:100%;max-height:100%;object-fit:contain}
#apron44FabricLens{position:absolute;z-index:3;border:2px solid #fff;border-radius:50%;box-shadow:0 2px 15px #0005;pointer-events:none}
@media(max-width:600px){#apron44BagDetailsDialog{padding:38px 14px 20px}#apron44BagDetailsDialog .bag-separate-photos{gap:10px}#apron44BagDetailsDialog .bag-model-heading .button{padding:12px;font-size:13px}}


#apron44BagDetailsDialog .bag-detail-photo{aspect-ratio:auto}
#apron44BagDetailsDialog .bag-detail-photo>canvas:not(.pouch-size-fabric-lens),#apron44BagDetailsDialog .bag-detail-photo>img{aspect-ratio:auto;height:auto;max-height:560px;object-fit:contain}

/* O22145 apron: independent portrait frames, no inherited bag crop. */
#apron45OpenBagDetails .gusset-image-crop{display:grid;grid-template-columns:1fr 1fr;aspect-ratio:4/3;overflow:hidden;padding:0;background:#fff}
#apron45OpenBagDetails .gusset-image-crop>img{position:static;display:block!important;width:100%!important;height:100%!important;max-height:none;object-fit:contain!important;transform:none!important;aspect-ratio:auto;margin:0}
#apron45CardCanvas{display:none!important}
#apron45BagDetailsDialog{box-sizing:border-box;width:min(1080px,calc(100% - 32px));max-height:calc(100dvh - 64px);margin:32px auto;padding:38px 24px 24px;overflow:auto}
#apron45BagDetailsDialog .bag-model{display:block}
#apron45BagDetailsDialog .bag-separate-photos{display:grid;grid-template-columns:1fr 1fr;gap:20px;align-items:center}
#apron45BagDetailsDialog .bag-detail-photo{position:relative;width:100%;height:auto;max-width:none;padding:0;background:#fff;overflow:hidden;line-height:0;aspect-ratio:2/3}
#apron45BagDetailsDialog .bag-detail-photo>canvas:not(.pouch-size-fabric-lens),#apron45BagDetailsDialog .bag-detail-photo>img{display:block;width:100%;height:100%;max-height:none;object-fit:contain;aspect-ratio:2/3}
#apron45BagDetailsDialog .bag-detail-photo>[hidden]{display:none!important}
#apron45BagDetailsDialog .bag-model-info{margin:24px 0 0}
#apron45BagDetailsDialog .bag-model-heading{display:flex;align-items:center;justify-content:space-between;gap:16px}
#apron45BagPhotoDialog{box-sizing:border-box;width:min(1000px,calc(100% - 32px));height:calc(100dvh - 64px);max-height:calc(100dvh - 64px);margin:32px auto;padding:36px 12px 12px;overflow:hidden}
#apron45BagPhotoLarge{display:block;width:100%;height:100%;max-width:100%;max-height:100%;object-fit:contain}
#apron45FabricLens{position:absolute;z-index:3;border:2px solid #fff;border-radius:50%;box-shadow:0 2px 15px #0005;pointer-events:none}
@media(max-width:600px){#apron45BagDetailsDialog{padding:38px 14px 20px}#apron45BagDetailsDialog .bag-separate-photos{gap:10px}#apron45BagDetailsDialog .bag-model-heading .button{padding:12px;font-size:13px}}


#apron45BagDetailsDialog .bag-detail-photo{aspect-ratio:auto}
#apron45BagDetailsDialog .bag-detail-photo>canvas:not(.pouch-size-fabric-lens),#apron45BagDetailsDialog .bag-detail-photo>img{aspect-ratio:auto;height:auto;max-height:560px;object-fit:contain}

/* Y22146 apron: independent portrait frames, no inherited bag crop. */
#cushion46OpenBagDetails .gusset-image-crop{display:grid;grid-template-columns:1fr 1fr;aspect-ratio:4/3;overflow:hidden;padding:0;background:#fff}
#cushion46OpenBagDetails .gusset-image-crop>img{position:static;display:block!important;width:100%!important;height:100%!important;max-height:none;object-fit:contain!important;transform:none!important;aspect-ratio:auto;margin:0}
#cushion46CardCanvas{display:none!important}
#cushion46BagDetailsDialog{box-sizing:border-box;width:min(1080px,calc(100% - 32px));max-height:calc(100dvh - 64px);margin:32px auto;padding:38px 24px 24px;overflow:auto}
#cushion46BagDetailsDialog .bag-model{display:block}
#cushion46BagDetailsDialog .bag-separate-photos{display:grid;grid-template-columns:1fr 1fr;gap:20px;align-items:center}
#cushion46BagDetailsDialog .bag-detail-photo{position:relative;width:100%;height:auto;max-width:none;padding:0;background:#fff;overflow:hidden;line-height:0;aspect-ratio:2/3}
#cushion46BagDetailsDialog .bag-detail-photo>canvas:not(.pouch-size-fabric-lens),#cushion46BagDetailsDialog .bag-detail-photo>img{display:block;width:100%;height:100%;max-height:none;object-fit:contain;aspect-ratio:2/3}
#cushion46BagDetailsDialog .bag-detail-photo>[hidden]{display:none!important}
#cushion46BagDetailsDialog .bag-model-info{margin:24px 0 0}
#cushion46BagDetailsDialog .bag-model-heading{display:flex;align-items:center;justify-content:space-between;gap:16px}
#cushion46BagPhotoDialog{box-sizing:border-box;width:min(1000px,calc(100% - 32px));height:calc(100dvh - 64px);max-height:calc(100dvh - 64px);margin:32px auto;padding:36px 12px 12px;overflow:hidden}
#cushion46BagPhotoLarge{display:block;width:100%;height:100%;max-width:100%;max-height:100%;object-fit:contain}
#cushion46FabricLens{position:absolute;z-index:3;border:2px solid #fff;border-radius:50%;box-shadow:0 2px 15px #0005;pointer-events:none}
@media(max-width:600px){#cushion46BagDetailsDialog{padding:38px 14px 20px}#cushion46BagDetailsDialog .bag-separate-photos{gap:10px}#cushion46BagDetailsDialog .bag-model-heading .button{padding:12px;font-size:13px}}


#cushion46BagDetailsDialog .bag-detail-photo{aspect-ratio:auto}
#cushion46BagDetailsDialog .bag-detail-photo>canvas:not(.pouch-size-fabric-lens),#cushion46BagDetailsDialog .bag-detail-photo>img{aspect-ratio:auto;height:auto;max-height:560px;object-fit:contain}


#cushion46OpenBagDetails .gusset-image-crop{aspect-ratio:2/1}
#cushion46OpenBagDetails .cushion-lifestyle-frame{display:block;position:relative;width:100%;height:100%;overflow:hidden}
#cushion46OpenBagDetails .cushion-lifestyle-frame>.pouch-lifestyle-photo{position:static;display:block;width:100%;height:100%;object-fit:contain;transform:none}
#cushion46OpenBagDetails .bag-certification-logos{position:absolute;right:6px;bottom:6px;gap:4px}
#cushion46OpenBagDetails .certification-logo{width:28px;height:28px}
#cushion46BagDetailsDialog .bag-detail-photo{aspect-ratio:1}
#cushion46BagDetailsDialog .bag-detail-photo>canvas:not(.pouch-size-fabric-lens),#cushion46BagDetailsDialog .bag-detail-photo>img{aspect-ratio:1;height:auto;width:100%;object-fit:contain}
#cushion46BagDetailsDialog .bag-certification-logos{position:absolute;right:8px;bottom:8px;gap:5px}
#cushion46BagDetailsDialog .certification-logo{width:34px;height:34px}

.product-decoration-row select{width:100%;max-width:100%}.product-decoration-options{display:grid;gap:8px;margin:20px 0;font-weight:700}.product-decoration-options[hidden]{display:none}.product-decoration-options select{width:100%;padding:10px 12px;border:1px solid #cdd5df;border-radius:8px;background:#fff;color:inherit;font-weight:400}

/* Matching type and shared columns keep textile option controls aligned. */
.bag-model-info dl>.product-fabric-row,.bag-model-info dl>.product-decoration-row{display:grid;grid-template-columns:minmax(0,10rem) minmax(0,1fr);gap:8px 12px;align-items:center}
.bag-model-info .product-fabric-row>dt,.bag-model-info .product-decoration-row>dt{font-size:inherit;font-weight:600;line-height:inherit;margin:0}
.bag-model-info .product-fabric-row>dd,.bag-model-info .product-decoration-row>dd{width:100%;min-width:0;margin:0}
.bag-model-info .product-fabric-row select,.bag-model-info .product-decoration-row select{box-sizing:border-box;display:block;width:100%;max-width:100%;min-height:44px;margin:0;font:inherit}
@media(max-width:400px){.bag-model-info dl>.product-fabric-row,.bag-model-info dl>.product-decoration-row{grid-template-columns:minmax(0,8rem) minmax(0,1fr);column-gap:8px}}

/* Uniform typography, columns and row spacing throughout textile specifications. */
.bag-model-info dl{display:grid;row-gap:10px;font-size:16px;line-height:1.5}
.bag-model-info dl>div,.bag-model-info dl>.product-fabric-row,.bag-model-info dl>.product-decoration-row{display:grid;grid-template-columns:minmax(0,10rem) minmax(0,1fr);gap:8px 12px;align-items:center;min-height:44px;margin:0}
.bag-model-info dl>div>dt{font-size:inherit;line-height:inherit;font-weight:600;margin:0}
.bag-model-info dl>div>dd{width:100%;min-width:0;margin:0;font-size:inherit;line-height:inherit}
.bag-model-info .bag-packaging-value{font-size:inherit;font-weight:400;line-height:inherit;gap:8px}
.bag-model-info .bag-packaging-value>span{font-size:inherit;line-height:inherit}
@media(max-width:400px){.bag-model-info dl>div,.bag-model-info dl>.product-fabric-row,.bag-model-info dl>.product-decoration-row{grid-template-columns:minmax(0,8rem) minmax(0,1fr);column-gap:8px}}

/* Y22147 apron: independent portrait frames, no inherited bag crop. */
#cushion47OpenBagDetails .gusset-image-crop{display:grid;grid-template-columns:1fr 1fr;aspect-ratio:4/3;overflow:hidden;padding:0;background:#fff}
#cushion47OpenBagDetails .gusset-image-crop>img{position:static;display:block!important;width:100%!important;height:100%!important;max-height:none;object-fit:contain!important;transform:none!important;aspect-ratio:auto;margin:0}
#cushion47CardCanvas{display:none!important}
#cushion47BagDetailsDialog{box-sizing:border-box;width:min(1080px,calc(100% - 32px));max-height:calc(100dvh - 64px);margin:32px auto;padding:38px 24px 24px;overflow:auto}
#cushion47BagDetailsDialog .bag-model{display:block}
#cushion47BagDetailsDialog .bag-separate-photos{display:grid;grid-template-columns:1fr 1fr;gap:20px;align-items:center}
#cushion47BagDetailsDialog .bag-detail-photo{position:relative;width:100%;height:auto;max-width:none;padding:0;background:#fff;overflow:hidden;line-height:0;aspect-ratio:2/3}
#cushion47BagDetailsDialog .bag-detail-photo>canvas:not(.pouch-size-fabric-lens),#cushion47BagDetailsDialog .bag-detail-photo>img{display:block;width:100%;height:100%;max-height:none;object-fit:contain;aspect-ratio:2/3}
#cushion47BagDetailsDialog .bag-detail-photo>[hidden]{display:none!important}
#cushion47BagDetailsDialog .bag-model-info{margin:24px 0 0}
#cushion47BagDetailsDialog .bag-model-heading{display:flex;align-items:center;justify-content:space-between;gap:16px}
#cushion47BagPhotoDialog{box-sizing:border-box;width:min(1000px,calc(100% - 32px));height:calc(100dvh - 64px);max-height:calc(100dvh - 64px);margin:32px auto;padding:36px 12px 12px;overflow:hidden}
#cushion47BagPhotoLarge{display:block;width:100%;height:100%;max-width:100%;max-height:100%;object-fit:contain}
#cushion47FabricLens{position:absolute;z-index:3;border:2px solid #fff;border-radius:50%;box-shadow:0 2px 15px #0005;pointer-events:none}
@media(max-width:600px){#cushion47BagDetailsDialog{padding:38px 14px 20px}#cushion47BagDetailsDialog .bag-separate-photos{gap:10px}#cushion47BagDetailsDialog .bag-model-heading .button{padding:12px;font-size:13px}}


#cushion47BagDetailsDialog .bag-detail-photo{aspect-ratio:auto}
#cushion47BagDetailsDialog .bag-detail-photo>canvas:not(.pouch-size-fabric-lens),#cushion47BagDetailsDialog .bag-detail-photo>img{aspect-ratio:auto;height:auto;max-height:560px;object-fit:contain}


#cushion47OpenBagDetails .gusset-image-crop{aspect-ratio:2/1}
#cushion47OpenBagDetails .cushion-lifestyle-frame{display:block;position:relative;width:100%;height:100%;overflow:hidden}
#cushion47OpenBagDetails .cushion-lifestyle-frame>.pouch-lifestyle-photo{position:static;display:block;width:100%;height:100%;object-fit:contain;transform:none}
#cushion47OpenBagDetails .bag-certification-logos{position:absolute;right:6px;bottom:6px;gap:4px}
#cushion47OpenBagDetails .certification-logo{width:28px;height:28px}
#cushion47BagDetailsDialog .bag-detail-photo{aspect-ratio:1}
#cushion47BagDetailsDialog .bag-detail-photo>canvas:not(.pouch-size-fabric-lens),#cushion47BagDetailsDialog .bag-detail-photo>img{aspect-ratio:1;height:auto;width:100%;object-fit:contain}
#cushion47BagDetailsDialog .bag-certification-logos{position:absolute;right:8px;bottom:8px;gap:5px}
#cushion47BagDetailsDialog .certification-logo{width:34px;height:34px}


/* Pillow and pouf photos have no baked-in badges; show the complete original image. */
#yastik .bag-products-grid .gusset-image-crop img,
#yastik .bag-products-grid .gusset-image-crop canvas,
#puf-minder .bag-products-grid .gusset-image-crop img,
#puf-minder .bag-products-grid .gusset-image-crop canvas{mask:none;-webkit-mask:none}

/* P22148: two independent square photographs and viewport-safe dialogs. */
#pouf48OpenBagDetails .gusset-image-crop{display:grid;grid-template-columns:1fr 1fr;aspect-ratio:4/3;overflow:hidden;padding:0;background:#fff}
#pouf48OpenBagDetails .gusset-image-crop>img{position:static;display:block!important;width:100%!important;height:100%!important;max-height:none;object-fit:contain!important;transform:none!important;aspect-ratio:auto;margin:0}
#pouf48CardCanvas{display:none!important}
#pouf48BagDetailsDialog{box-sizing:border-box;width:min(1080px,calc(100% - 32px));max-height:calc(100dvh - 64px);margin:32px auto;padding:38px 24px 24px;overflow:auto}
#pouf48BagDetailsDialog .bag-model{display:block}
#pouf48BagDetailsDialog .bag-separate-photos{display:grid;grid-template-columns:1fr 1fr;gap:20px;align-items:center}
#pouf48BagDetailsDialog .bag-detail-photo{position:relative;width:100%;height:auto;max-width:none;padding:0;background:#fff;overflow:hidden;line-height:0;aspect-ratio:2/3}
#pouf48BagDetailsDialog .bag-detail-photo>canvas:not(.pouch-size-fabric-lens),#pouf48BagDetailsDialog .bag-detail-photo>img{display:block;width:100%;height:100%;max-height:none;object-fit:contain;aspect-ratio:2/3}
#pouf48BagDetailsDialog .bag-detail-photo>[hidden]{display:none!important}
#pouf48BagDetailsDialog .bag-model-info{margin:24px 0 0}
#pouf48BagDetailsDialog .bag-model-heading{display:flex;align-items:center;justify-content:space-between;gap:16px}
#pouf48BagPhotoDialog{box-sizing:border-box;width:min(1000px,calc(100% - 32px));height:calc(100dvh - 64px);max-height:calc(100dvh - 64px);margin:32px auto;padding:36px 12px 12px;overflow:hidden}
#pouf48BagPhotoLarge{display:block;width:100%;height:100%;max-width:100%;max-height:100%;object-fit:contain}
#pouf48FabricLens{position:absolute;z-index:3;border:2px solid #fff;border-radius:50%;box-shadow:0 2px 15px #0005;pointer-events:none}
@media(max-width:600px){#pouf48BagDetailsDialog{padding:38px 14px 20px}#pouf48BagDetailsDialog .bag-separate-photos{gap:10px}#pouf48BagDetailsDialog .bag-model-heading .button{padding:12px;font-size:13px}}


#pouf48BagDetailsDialog .bag-detail-photo{aspect-ratio:auto}
#pouf48BagDetailsDialog .bag-detail-photo>canvas:not(.pouch-size-fabric-lens),#pouf48BagDetailsDialog .bag-detail-photo>img{aspect-ratio:auto;height:auto;max-height:560px;object-fit:contain}


#pouf48OpenBagDetails .gusset-image-crop{aspect-ratio:2/1}
#pouf48OpenBagDetails .cushion-lifestyle-frame{display:block;position:relative;width:100%;height:100%;overflow:hidden}
#pouf48OpenBagDetails .cushion-lifestyle-frame>.pouch-lifestyle-photo{position:static;display:block;width:100%;height:100%;object-fit:contain;transform:none}
#pouf48BagDetailsDialog .bag-detail-photo{aspect-ratio:1}
#pouf48BagDetailsDialog .bag-detail-photo>canvas:not(.pouch-size-fabric-lens),#pouf48BagDetailsDialog .bag-detail-photo>img{aspect-ratio:1;height:auto;width:100%;object-fit:contain}


/* P22149: two independent square photographs and viewport-safe dialogs. */
#pouf49OpenBagDetails .gusset-image-crop{display:grid;grid-template-columns:1fr 1fr;aspect-ratio:4/3;overflow:hidden;padding:0;background:#fff}
#pouf49OpenBagDetails .gusset-image-crop>img{position:static;display:block!important;width:100%!important;height:100%!important;max-height:none;object-fit:contain!important;transform:none!important;aspect-ratio:auto;margin:0}
#pouf49CardCanvas{display:none!important}
#pouf49BagDetailsDialog{box-sizing:border-box;width:min(1080px,calc(100% - 32px));max-height:calc(100dvh - 64px);margin:32px auto;padding:38px 24px 24px;overflow:auto}
#pouf49BagDetailsDialog .bag-model{display:block}
#pouf49BagDetailsDialog .bag-separate-photos{display:grid;grid-template-columns:1fr 1fr;gap:20px;align-items:center}
#pouf49BagDetailsDialog .bag-detail-photo{position:relative;width:100%;height:auto;max-width:none;padding:0;background:#fff;overflow:hidden;line-height:0;aspect-ratio:2/3}
#pouf49BagDetailsDialog .bag-detail-photo>canvas:not(.pouch-size-fabric-lens),#pouf49BagDetailsDialog .bag-detail-photo>img{display:block;width:100%;height:100%;max-height:none;object-fit:contain;aspect-ratio:2/3}
#pouf49BagDetailsDialog .bag-detail-photo>[hidden]{display:none!important}
#pouf49BagDetailsDialog .bag-model-info{margin:24px 0 0}
#pouf49BagDetailsDialog .bag-model-heading{display:flex;align-items:center;justify-content:space-between;gap:16px}
#pouf49BagPhotoDialog{box-sizing:border-box;width:min(1000px,calc(100% - 32px));height:calc(100dvh - 64px);max-height:calc(100dvh - 64px);margin:32px auto;padding:36px 12px 12px;overflow:hidden}
#pouf49BagPhotoLarge{display:block;width:100%;height:100%;max-width:100%;max-height:100%;object-fit:contain}
#pouf49FabricLens{position:absolute;z-index:3;border:2px solid #fff;border-radius:50%;box-shadow:0 2px 15px #0005;pointer-events:none}
@media(max-width:600px){#pouf49BagDetailsDialog{padding:38px 14px 20px}#pouf49BagDetailsDialog .bag-separate-photos{gap:10px}#pouf49BagDetailsDialog .bag-model-heading .button{padding:12px;font-size:13px}}


#pouf49BagDetailsDialog .bag-detail-photo{aspect-ratio:auto}
#pouf49BagDetailsDialog .bag-detail-photo>canvas:not(.pouch-size-fabric-lens),#pouf49BagDetailsDialog .bag-detail-photo>img{aspect-ratio:auto;height:auto;max-height:560px;object-fit:contain}


#pouf49OpenBagDetails .gusset-image-crop{aspect-ratio:2/1}
#pouf49OpenBagDetails .cushion-lifestyle-frame{display:block;position:relative;width:100%;height:100%;overflow:hidden}
#pouf49OpenBagDetails .cushion-lifestyle-frame>.pouch-lifestyle-photo{position:static;display:block;width:100%;height:100%;object-fit:contain;transform:none}
#pouf49BagDetailsDialog .bag-detail-photo{aspect-ratio:1}
#pouf49BagDetailsDialog .bag-detail-photo>canvas:not(.pouch-size-fabric-lens),#pouf49BagDetailsDialog .bag-detail-photo>img{aspect-ratio:1;height:auto;width:100%;object-fit:contain}


/* P22150: two independent square photographs and viewport-safe dialogs. */
#pouf50OpenBagDetails .gusset-image-crop{display:grid;grid-template-columns:1fr 1fr;aspect-ratio:4/3;overflow:hidden;padding:0;background:#fff}
#pouf50OpenBagDetails .gusset-image-crop>img{position:static;display:block!important;width:100%!important;height:100%!important;max-height:none;object-fit:contain!important;transform:none!important;aspect-ratio:auto;margin:0}
#pouf50CardCanvas{display:none!important}
#pouf50BagDetailsDialog{box-sizing:border-box;width:min(1080px,calc(100% - 32px));max-height:calc(100dvh - 64px);margin:32px auto;padding:38px 24px 24px;overflow:auto}
#pouf50BagDetailsDialog .bag-model{display:block}
#pouf50BagDetailsDialog .bag-separate-photos{display:grid;grid-template-columns:1fr 1fr;gap:20px;align-items:center}
#pouf50BagDetailsDialog .bag-detail-photo{position:relative;width:100%;height:auto;max-width:none;padding:0;background:#fff;overflow:hidden;line-height:0;aspect-ratio:2/3}
#pouf50BagDetailsDialog .bag-detail-photo>canvas:not(.pouch-size-fabric-lens),#pouf50BagDetailsDialog .bag-detail-photo>img{display:block;width:100%;height:100%;max-height:none;object-fit:contain;aspect-ratio:2/3}
#pouf50BagDetailsDialog .bag-detail-photo>[hidden]{display:none!important}
#pouf50BagDetailsDialog .bag-model-info{margin:24px 0 0}
#pouf50BagDetailsDialog .bag-model-heading{display:flex;align-items:center;justify-content:space-between;gap:16px}
#pouf50BagPhotoDialog{box-sizing:border-box;width:min(1000px,calc(100% - 32px));height:calc(100dvh - 64px);max-height:calc(100dvh - 64px);margin:32px auto;padding:36px 12px 12px;overflow:hidden}
#pouf50BagPhotoLarge{display:block;width:100%;height:100%;max-width:100%;max-height:100%;object-fit:contain}
#pouf50FabricLens{position:absolute;z-index:3;border:2px solid #fff;border-radius:50%;box-shadow:0 2px 15px #0005;pointer-events:none}
@media(max-width:600px){#pouf50BagDetailsDialog{padding:38px 14px 20px}#pouf50BagDetailsDialog .bag-separate-photos{gap:10px}#pouf50BagDetailsDialog .bag-model-heading .button{padding:12px;font-size:13px}}


#pouf50BagDetailsDialog .bag-detail-photo{aspect-ratio:auto}
#pouf50BagDetailsDialog .bag-detail-photo>canvas:not(.pouch-size-fabric-lens),#pouf50BagDetailsDialog .bag-detail-photo>img{aspect-ratio:auto;height:auto;max-height:560px;object-fit:contain}


#pouf50OpenBagDetails .gusset-image-crop{aspect-ratio:2/1}
#pouf50OpenBagDetails .cushion-lifestyle-frame{display:block;position:relative;width:100%;height:100%;overflow:hidden}
#pouf50OpenBagDetails .cushion-lifestyle-frame>.pouch-lifestyle-photo{position:static;display:block;width:100%;height:100%;object-fit:contain;transform:none}
#pouf50BagDetailsDialog .bag-detail-photo{aspect-ratio:1}
#pouf50BagDetailsDialog .bag-detail-photo>canvas:not(.pouch-size-fabric-lens),#pouf50BagDetailsDialog .bag-detail-photo>img{aspect-ratio:1;height:auto;width:100%;object-fit:contain}


/* Show the approved bag collection in full, including handles and logos. */
#cottonMaterialImg{height:auto;max-height:none;aspect-ratio:3/2;object-fit:contain}

/* Bag category: title, full collection image, then introduction. */
#hambez .cotton-material-image{margin-bottom:20px}
#hambez .cotton-category-intro{max-width:70ch;margin:0 0 32px;color:var(--muted,#626970);line-height:1.7}

/* Bag category carousel: both photos retain their complete composition. */
#cottonCategorySlideshow{position:relative;aspect-ratio:3/2;background:#f4eee5;border-radius:18px;box-shadow:0 12px 32px #10274412;isolation:isolate}
#cottonCategorySlideshow>img{position:absolute;inset:0;width:100%;height:100%;max-height:none;aspect-ratio:3/2;object-fit:contain}
#cottonCategorySlideshow>img[hidden]{display:none!important}
.cotton-slide-pause{position:absolute;right:12px;bottom:12px;width:40px;height:40px;border:1px solid #fff8;border-radius:50%;background:#102744bb;color:#fff;font-size:20px;line-height:1;cursor:pointer}
.cotton-slide-pause:focus-visible{outline:3px solid #2761d0;outline-offset:3px}

/* Layered dissolve keeps the first photograph underneath to avoid white flashes. */
#cottonMaterialImgSecond{opacity:0;transition:opacity 750ms cubic-bezier(.4,0,.2,1);z-index:1;pointer-events:none}
#cottonCategorySlideshow[data-slide="1"]>#cottonMaterialImgSecond{opacity:1}
#cottonCategorySlideshow>.cotton-slide-pause{z-index:2;background:#102744a6;backdrop-filter:blur(6px);box-shadow:0 2px 10px #0002}
@media(prefers-reduced-motion:reduce){#cottonMaterialImgSecond{transition:none}}

/* C22133 keeps the same centered catalogue photo before and after opening details. */
#color33OpenBagDetails .sport-card-media>#color33CardPhoto{display:block!important;position:absolute;left:0;top:0;bottom:auto;width:56%;height:100%;object-fit:contain;object-position:center center;mask:none;-webkit-mask:none}
#color33CardCanvas{display:none!important}

/* All bag catalogue cards share one centered image frame and equal inner margins. */
#hambez .bag-products-grid{align-items:stretch;grid-auto-rows:1fr}
#hambez .bag-products-grid>.bag-combined-card{display:flex;flex-direction:column;height:100%;box-sizing:border-box}
#hambez .bag-products-grid>.bag-combined-card>.gusset-image-crop{position:relative;flex:none;width:100%;aspect-ratio:3/2!important;padding:0!important;background:#fff;overflow:hidden}
#hambez .bag-catalogue-stage{position:absolute;inset:5%;display:grid;grid-template-columns:56% 44%;grid-template-rows:minmax(0,1fr);align-items:center;min-height:0}
#hambez [data-bag-layout="combined"]>.bag-catalogue-stage{display:flex;align-items:center;justify-content:center}
#hambez .bag-catalogue-window{position:relative;width:100%;aspect-ratio:1536/874;overflow:hidden}
#hambez .bag-catalogue-stage>img{display:block!important;position:static;width:100%;height:100%;min-width:0;max-width:100%;max-height:100%;object-fit:contain;object-position:center;mask:none;-webkit-mask:none}
#hambez .bag-catalogue-window>img{display:block!important;position:absolute;left:0;top:0;bottom:auto;width:100%;height:auto;max-width:none;object-fit:contain;object-position:top center;mask-size:100% 100%;-webkit-mask-size:100% 100%;mask-repeat:no-repeat;-webkit-mask-repeat:no-repeat}
#hambez .bag-catalogue-window[data-badge-mask="portrait"]>img{mask-image:url('assets/catalogue-portrait-badges-mask.svg?v=20261026');-webkit-mask-image:url('assets/catalogue-portrait-badges-mask.svg?v=20261026')}
#hambez .bag-catalogue-window[data-badge-mask="wide"]>img{mask-image:url('assets/catalogue-without-baked-badges.svg?v=20261026');-webkit-mask-image:url('assets/catalogue-without-baked-badges.svg?v=20261026')}
#hambez .bag-catalogue-stage>canvas,#hambez .bag-catalogue-window>canvas{display:none!important}
#hambez .bag-products-grid .bag-catalogue-stage .bag-card-certifications{position:absolute;right:2%;bottom:2%;width:17%;aspect-ratio:2/1;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:center;justify-items:center;gap:2px;margin:0;padding:0;background:transparent;z-index:2;pointer-events:none}
#hambez .bag-catalogue-stage .bag-card-certifications>img{display:block;width:100%;height:auto;aspect-ratio:1;object-fit:contain;max-width:100%;background:transparent}
#hambez .bag-products-grid .bag-card-caption{min-height:100px}
#hambez .bag-products-grid .bag-card-hint{margin-top:auto;padding-top:8px}
@media(max-width:600px){#hambez .bag-products-grid .bag-card-caption{min-height:96px}}

/* Pouch category image shares the bag category's full, uncropped presentation. */
#kese .pouch-category-image{margin:20px 0 24px;overflow:hidden;border-radius:18px;background:#f4eee5;box-shadow:0 12px 32px #10274412}
#pouchCategoryImage{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:contain}

/* Every product description stays inside the dynamic viewport and mobile safe areas. */
dialog.product-details-viewport{position:fixed;inset:auto;top:calc(24px + env(safe-area-inset-top,0px));left:0;right:0;bottom:auto;margin:0 auto;box-sizing:border-box;width:min(1120px,calc(100% - 32px));height:auto;min-height:0;max-height:calc(100vh - 48px - env(safe-area-inset-top,0px) - env(safe-area-inset-bottom,0px));max-height:calc(100dvh - 48px - env(safe-area-inset-top,0px) - env(safe-area-inset-bottom,0px));padding:14px 18px 26px;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;scrollbar-gutter:stable;-webkit-overflow-scrolling:touch;scroll-padding-block:14px 26px}
dialog.product-details-viewport>.close{position:sticky;top:0;right:auto;display:block;width:44px;height:44px;margin:0 0 8px auto;padding:7px;z-index:8;background:#fff;border-radius:50%;box-shadow:0 2px 8px #10274412}
dialog.product-details-viewport>.bag-model{margin:0;min-width:0}
@media(max-width:600px){dialog.product-details-viewport{width:calc(100% - 24px);padding:12px 12px 24px}}

/* Printed pencil-case category collection */
#hambez-kalemlik .pencil-category-image{margin:20px 0 24px;overflow:hidden;border-radius:18px;background:#f4eee5;box-shadow:0 12px 32px #10274412}
#pencilCategoryImage{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:contain}

/* Preserve the compact general product-group dialog. */
dialog#productDialog.product-details-viewport{width:min(780px,calc(100% - 32px))}
@media(max-width:600px){dialog#productDialog.product-details-viewport{width:calc(100% - 24px)}}

/* Graduation: native blue/black photography with independent zoom. */
#mezuniyet .grad51-card-media{aspect-ratio:3/2;display:grid;place-items:center;padding:16px;background:#f6f3ed}
#mezuniyet .grad51-card-media img{width:100%;height:100%;object-fit:contain}
#grad51BagDetailsDialog .bag-separate-photos{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:16px}
#grad51BagDetailsDialog .bag-detail-photo{display:block;width:100%;padding:0;background:#f6f3ed;border:0;border-radius:8px;overflow:hidden;cursor:zoom-in}
#grad51BagDetailsDialog .bag-detail-photo img{display:block;width:100%;height:auto;max-height:600px;object-fit:contain}
#grad51PhotoLarge{display:block;margin:auto;max-width:100%;width:auto;height:auto;max-height:calc(100vh - 140px);max-height:calc(100dvh - 140px - env(safe-area-inset-top,0px) - env(safe-area-inset-bottom,0px));object-fit:contain}
#grad51Colors .bag-swatch[aria-pressed="true"]{outline:3px solid #245dd0;outline-offset:3px}

/* Search suggestions load only their tiny thumbnails while typing. */
.search-results button.search-result-item{display:flex;align-items:center;gap:12px;min-height:76px;padding:10px 14px}
.search-result-item>img{display:block;flex:none;width:56px;height:56px;object-fit:contain;border-radius:8px;background:#f6f4ef}
.search-result-copy{display:flex;flex-direction:column;gap:3px;min-width:0;line-height:1.35}
.search-result-title{font-weight:600;overflow-wrap:anywhere}
.search-result-copy small{font-size:12px;color:#69798b}
@media(max-width:600px){.search-results{max-height:min(420px,55vh);max-height:min(420px,55dvh)}.search-results button.search-result-item{padding:9px 10px;gap:10px}.search-result-item>img{width:48px;height:48px}}

/* Makeup category collection: same frame as pouch and pencil-case heroes. */
#makyaj-cantasi .makeup-category-image{margin:20px 0 24px;overflow:hidden;border-radius:18px;background:#f4eee5;box-shadow:0 12px 32px #10274412}
#makeupCategoryImage{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:contain}

/* Native-resolution suede product and lifestyle views share exact colour masks. */
#makyaj-cantasi .suede52-card-media{aspect-ratio:3/2;background:#fff;padding:12px;display:grid;place-items:center}
#makyaj-cantasi .suede52-card-media img{width:100%;height:100%;object-fit:contain}
#suede52BagDetailsDialog .bag-separate-photos{display:grid;grid-template-columns:1fr 1fr;gap:16px;align-items:center}
#suede52BagDetailsDialog .bag-detail-photo{display:block;position:relative;width:100%;padding:0;border:0;background:#fff;overflow:hidden;cursor:zoom-in}
#suede52BagDetailsDialog .bag-detail-photo>img,#suede52ProductCanvas,#suede52WomanCanvas{display:block;width:100%;height:auto;object-fit:contain}
#suede52BagDetailsDialog [hidden]{display:none!important}
#suede52FabricLens{position:absolute;width:120px;height:120px;border:2px solid #245dd0;border-radius:50%;box-shadow:0 3px 12px #0004;pointer-events:none;z-index:4}
#suede52PhotoLarge{display:block;width:auto;height:auto;max-width:100%;max-height:calc(100vh - 140px);max-height:calc(100dvh - 140px - env(safe-area-inset-top,0px) - env(safe-area-inset-bottom,0px));margin:auto;object-fit:contain}
#suede52Colors .bag-swatch[aria-pressed="true"]{outline:3px solid #245dd0;outline-offset:3px}

/* Card-holder category collection, consistent with the other textile sections. */
#kartlik .card-holder-category-image{margin:20px 0 24px;overflow:hidden;border-radius:18px;background:#f4eee5;box-shadow:0 12px 32px #10274412}
#cardHolderCategoryImage{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:contain}

/* Kitchen apron detail, photos and colour lens. */
/* Native-resolution suede product and lifestyle views share exact colour masks. */
#onluk .kitchen53-card-media{aspect-ratio:3/2;background:#fff;padding:12px;display:grid;place-items:center}
#onluk .kitchen53-card-media img{width:100%;height:100%;object-fit:contain}
#kitchen53BagDetailsDialog .bag-separate-photos{display:grid;grid-template-columns:1fr 1fr;gap:16px;align-items:center}
#kitchen53BagDetailsDialog .bag-detail-photo{display:block;position:relative;width:100%;padding:0;border:0;background:#fff;overflow:hidden;cursor:zoom-in}
#kitchen53BagDetailsDialog .bag-detail-photo>img,#kitchen53ProductCanvas,#kitchen53WomanCanvas{display:block;width:100%;height:auto;object-fit:contain}
#kitchen53BagDetailsDialog [hidden]{display:none!important}
#kitchen53FabricLens{position:absolute;width:120px;height:120px;border:2px solid #245dd0;border-radius:50%;box-shadow:0 3px 12px #0004;pointer-events:none;z-index:4}
#kitchen53PhotoLarge{display:block;width:auto;height:auto;max-width:100%;max-height:calc(100vh - 140px);max-height:calc(100dvh - 140px - env(safe-area-inset-top,0px) - env(safe-area-inset-bottom,0px));margin:auto;object-fit:contain}
#kitchen53Colors .bag-swatch[aria-pressed="true"]{outline:3px solid #245dd0;outline-offset:3px}

/* Card-holder category collection, consistent with the other textile sections. */
#kartlik .card-holder-category-image{margin:20px 0 24px;overflow:hidden;border-radius:18px;background:#f4eee5;box-shadow:0 12px 32px #10274412}
#cardHolderCategoryImage{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:contain}

/* Full-print micro polyester apron. */
/* Kitchen apron detail, photos and colour lens. */
/* Native-resolution suede product and lifestyle views share exact colour masks. */
#onluk .digital54-card-media{aspect-ratio:3/2;background:#fff;padding:12px;display:grid;place-items:center}
#onluk .digital54-card-media img{width:100%;height:100%;object-fit:contain}
#digital54BagDetailsDialog .bag-separate-photos{display:grid;grid-template-columns:1fr 1fr;gap:16px;align-items:center}
#digital54BagDetailsDialog .bag-detail-photo{display:block;position:relative;width:100%;padding:0;border:0;background:#fff;overflow:hidden;cursor:zoom-in}
#digital54BagDetailsDialog .bag-detail-photo>img,#digital54ProductCanvas,#digital54WomanCanvas{display:block;width:100%;height:auto;object-fit:contain}
#digital54BagDetailsDialog [hidden]{display:none!important}
#digital54FabricLens{position:absolute;width:120px;height:120px;border:2px solid #245dd0;border-radius:50%;box-shadow:0 3px 12px #0004;pointer-events:none;z-index:4}
#digital54PhotoLarge{display:block;width:auto;height:auto;max-width:100%;max-height:calc(100vh - 140px);max-height:calc(100dvh - 140px - env(safe-area-inset-top,0px) - env(safe-area-inset-bottom,0px));margin:auto;object-fit:contain}
#digital54Colors .bag-swatch[aria-pressed="true"]{outline:3px solid #245dd0;outline-offset:3px}

/* Card-holder category collection, consistent with the other textile sections. */
#kartlik .card-holder-category-image{margin:20px 0 24px;overflow:hidden;border-radius:18px;background:#f4eee5;box-shadow:0 12px 32px #10274412}
#cardHolderCategoryImage{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:contain}

/* Apron collection hero, consistent with textile category images. */
#onluk .apron-category-image{margin:20px 0 24px;overflow:hidden;border-radius:18px;background:#f4eee5;box-shadow:0 12px 32px #10274412}
#apronCategoryImage{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:contain}

#onluk .apron-category-description{margin:0 0 28px;max-width:100%}
#onluk .apron-category-description h3{margin:0 0 14px;font-size:clamp(21px,2.2vw,28px);line-height:1.3;letter-spacing:-.35px}
#onluk .apron-category-description p{margin:0 0 12px;font-size:16px;line-height:1.75;color:#65758a}
#onluk .apron-category-description p:last-child{margin-bottom:0}

/* Full-print square cushion, native photos and independent zoom. */
/* Full-print micro polyester apron. */
/* Kitchen apron detail, photos and colour lens. */
/* Native-resolution suede product and lifestyle views share exact colour masks. */
#yastik .pillow55-card-media{aspect-ratio:3/2;background:#fff;padding:12px;display:grid;place-items:center}
#yastik .pillow55-card-media img{width:100%;height:100%;object-fit:contain}
#pillow55BagDetailsDialog .bag-separate-photos{display:grid;grid-template-columns:1fr 1fr;gap:16px;align-items:center}
#pillow55BagDetailsDialog .bag-detail-photo{display:block;position:relative;width:100%;padding:0;border:0;background:#fff;overflow:hidden;cursor:zoom-in}
#pillow55BagDetailsDialog .bag-detail-photo>img,#pillow55ProductCanvas,#pillow55WomanCanvas{display:block;width:100%;height:auto;object-fit:contain}
#pillow55BagDetailsDialog [hidden]{display:none!important}
#pillow55FabricLens{position:absolute;width:120px;height:120px;border:2px solid #245dd0;border-radius:50%;box-shadow:0 3px 12px #0004;pointer-events:none;z-index:4}
#pillow55PhotoLarge{display:block;width:auto;height:auto;max-width:100%;max-height:calc(100vh - 140px);max-height:calc(100dvh - 140px - env(safe-area-inset-top,0px) - env(safe-area-inset-bottom,0px));margin:auto;object-fit:contain}
#pillow55Colors .bag-swatch[aria-pressed="true"]{outline:3px solid #245dd0;outline-offset:3px}

/* Card-holder category collection, consistent with the other textile sections. */
#kartlik .card-holder-category-image{margin:20px 0 24px;overflow:hidden;border-radius:18px;background:#f4eee5;box-shadow:0 12px 32px #10274412}
#cardHolderCategoryImage{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:contain}

/* Apron collection hero, consistent with textile category images. */
#yastik .apron-category-image{margin:20px 0 24px;overflow:hidden;border-radius:18px;background:#f4eee5;box-shadow:0 12px 32px #10274412}
#apronCategoryImage{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:contain}

#yastik .apron-category-description{margin:0 0 28px;max-width:100%}
#yastik .apron-category-description h3{margin:0 0 14px;font-size:clamp(21px,2.2vw,28px);line-height:1.3;letter-spacing:-.35px}
#yastik .apron-category-description p{margin:0 0 12px;font-size:16px;line-height:1.75;color:#65758a}
#yastik .apron-category-description p:last-child{margin-bottom:0}

/* Pillow collection hero and category description. */
#yastik .pillow-category-image{margin:20px 0 24px;overflow:hidden;border-radius:18px;background:#f4eee5;box-shadow:0 12px 32px #10274412}
#pillowCategoryImage{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:contain}
#yastik .pillow-category-description{margin:0 0 28px;max-width:100%}
#yastik .pillow-category-description h3{margin:0 0 14px;font-size:clamp(21px,2.2vw,28px);line-height:1.3;letter-spacing:-.35px}
#yastik .pillow-category-description p{margin:0 0 12px;font-size:16px;line-height:1.75;color:#65758a}
#yastik .pillow-category-description p:last-child{margin-bottom:0}

/* Digitally printed pear beanbag. */
/* Full-print square cushion, native photos and independent zoom. */
/* Full-print micro polyester apron. */
/* Kitchen apron detail, photos and colour lens. */
/* Native-resolution suede product and lifestyle views share exact colour masks. */
#puf-minder .pouf56-card-media{aspect-ratio:3/2;background:#fff;padding:12px;display:grid;place-items:center}
#puf-minder .pouf56-card-media img{width:100%;height:100%;object-fit:contain}
#pouf56BagDetailsDialog .bag-separate-photos{display:grid;grid-template-columns:1fr 1fr;gap:16px;align-items:center}
#pouf56BagDetailsDialog .bag-detail-photo{display:block;position:relative;width:100%;padding:0;border:0;background:#fff;overflow:hidden;cursor:zoom-in}
#pouf56BagDetailsDialog .bag-detail-photo>img,#pouf56ProductCanvas,#pouf56WomanCanvas{display:block;width:100%;height:auto;object-fit:contain}
#pouf56BagDetailsDialog [hidden]{display:none!important}
#pouf56FabricLens{position:absolute;width:120px;height:120px;border:2px solid #245dd0;border-radius:50%;box-shadow:0 3px 12px #0004;pointer-events:none;z-index:4}
#pouf56PhotoLarge{display:block;width:auto;height:auto;max-width:100%;max-height:calc(100vh - 140px);max-height:calc(100dvh - 140px - env(safe-area-inset-top,0px) - env(safe-area-inset-bottom,0px));margin:auto;object-fit:contain}
#pouf56Colors .bag-swatch[aria-pressed="true"]{outline:3px solid #245dd0;outline-offset:3px}

/* Card-holder category collection, consistent with the other textile sections. */
#kartlik .card-holder-category-image{margin:20px 0 24px;overflow:hidden;border-radius:18px;background:#f4eee5;box-shadow:0 12px 32px #10274412}
#cardHolderCategoryImage{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:contain}

/* Apron collection hero, consistent with textile category images. */
#puf-minder .apron-category-image{margin:20px 0 24px;overflow:hidden;border-radius:18px;background:#f4eee5;box-shadow:0 12px 32px #10274412}
#apronCategoryImage{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:contain}

#puf-minder .apron-category-description{margin:0 0 28px;max-width:100%}
#puf-minder .apron-category-description h3{margin:0 0 14px;font-size:clamp(21px,2.2vw,28px);line-height:1.3;letter-spacing:-.35px}
#puf-minder .apron-category-description p{margin:0 0 12px;font-size:16px;line-height:1.75;color:#65758a}
#puf-minder .apron-category-description p:last-child{margin-bottom:0}

/* Pillow collection hero and category description. */
#puf-minder .pillow-category-image{margin:20px 0 24px;overflow:hidden;border-radius:18px;background:#f4eee5;box-shadow:0 12px 32px #10274412}
#pillowCategoryImage{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:contain}
#puf-minder .pillow-category-description{margin:0 0 28px;max-width:100%}
#puf-minder .pillow-category-description h3{margin:0 0 14px;font-size:clamp(21px,2.2vw,28px);line-height:1.3;letter-spacing:-.35px}
#puf-minder .pillow-category-description p{margin:0 0 12px;font-size:16px;line-height:1.75;color:#65758a}
#puf-minder .pillow-category-description p:last-child{margin-bottom:0}

/* Digitally printed round pouf. */
/* Digitally printed pear beanbag. */
/* Full-print square cushion, native photos and independent zoom. */
/* Full-print micro polyester apron. */
/* Kitchen apron detail, photos and colour lens. */
/* Native-resolution suede product and lifestyle views share exact colour masks. */
#puf-minder .pouf57-card-media{aspect-ratio:3/2;background:#fff;padding:12px;display:grid;place-items:center}
#puf-minder .pouf57-card-media img{width:100%;height:100%;object-fit:contain}
#pouf57BagDetailsDialog .bag-separate-photos{display:grid;grid-template-columns:1fr 1fr;gap:16px;align-items:center}
#pouf57BagDetailsDialog .bag-detail-photo{display:block;position:relative;width:100%;padding:0;border:0;background:#fff;overflow:hidden;cursor:zoom-in}
#pouf57BagDetailsDialog .bag-detail-photo>img,#pouf57ProductCanvas,#pouf57WomanCanvas{display:block;width:100%;height:auto;object-fit:contain}
#pouf57BagDetailsDialog [hidden]{display:none!important}
#pouf57FabricLens{position:absolute;width:120px;height:120px;border:2px solid #245dd0;border-radius:50%;box-shadow:0 3px 12px #0004;pointer-events:none;z-index:4}
#pouf57PhotoLarge{display:block;width:auto;height:auto;max-width:100%;max-height:calc(100vh - 140px);max-height:calc(100dvh - 140px - env(safe-area-inset-top,0px) - env(safe-area-inset-bottom,0px));margin:auto;object-fit:contain}
#pouf57Colors .bag-swatch[aria-pressed="true"]{outline:3px solid #245dd0;outline-offset:3px}

/* Card-holder category collection, consistent with the other textile sections. */
#kartlik .card-holder-category-image{margin:20px 0 24px;overflow:hidden;border-radius:18px;background:#f4eee5;box-shadow:0 12px 32px #10274412}
#cardHolderCategoryImage{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:contain}

/* Apron collection hero, consistent with textile category images. */
#puf-minder .apron-category-image{margin:20px 0 24px;overflow:hidden;border-radius:18px;background:#f4eee5;box-shadow:0 12px 32px #10274412}
#apronCategoryImage{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:contain}

#puf-minder .apron-category-description{margin:0 0 28px;max-width:100%}
#puf-minder .apron-category-description h3{margin:0 0 14px;font-size:clamp(21px,2.2vw,28px);line-height:1.3;letter-spacing:-.35px}
#puf-minder .apron-category-description p{margin:0 0 12px;font-size:16px;line-height:1.75;color:#65758a}
#puf-minder .apron-category-description p:last-child{margin-bottom:0}

/* Pillow collection hero and category description. */
#puf-minder .pillow-category-image{margin:20px 0 24px;overflow:hidden;border-radius:18px;background:#f4eee5;box-shadow:0 12px 32px #10274412}
#pillowCategoryImage{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:contain}
#puf-minder .pillow-category-description{margin:0 0 28px;max-width:100%}
#puf-minder .pillow-category-description h3{margin:0 0 14px;font-size:clamp(21px,2.2vw,28px);line-height:1.3;letter-spacing:-.35px}
#puf-minder .pillow-category-description p{margin:0 0 12px;font-size:16px;line-height:1.75;color:#65758a}
#puf-minder .pillow-category-description p:last-child{margin-bottom:0}

/* Strapless flat chair cushion, independent photo colouring. */
/* Native-resolution suede product and lifestyle views share exact colour masks. */
#puf-minder .chair58-card-media{aspect-ratio:3/2;background:#fff;padding:12px;display:grid;place-items:center}
#puf-minder .chair58-card-media img{width:100%;height:100%;object-fit:contain}
#chair58BagDetailsDialog .bag-separate-photos{display:grid;grid-template-columns:1fr 1fr;gap:16px;align-items:center}
#chair58BagDetailsDialog .bag-detail-photo{display:block;position:relative;width:100%;padding:0;border:0;background:#fff;overflow:hidden;cursor:zoom-in}
#chair58BagDetailsDialog .bag-detail-photo>img,#chair58ProductCanvas,#chair58WomanCanvas{display:block;width:100%;height:auto;object-fit:contain}
#chair58BagDetailsDialog [hidden]{display:none!important}
#chair58FabricLens{position:absolute;width:120px;height:120px;border:2px solid #245dd0;border-radius:50%;box-shadow:0 3px 12px #0004;pointer-events:none;z-index:4}
#chair58PhotoLarge{display:block;width:auto;height:auto;max-width:100%;max-height:calc(100vh - 140px);max-height:calc(100dvh - 140px - env(safe-area-inset-top,0px) - env(safe-area-inset-bottom,0px));margin:auto;object-fit:contain}
#chair58Colors .bag-swatch[aria-pressed="true"]{outline:3px solid #245dd0;outline-offset:3px}


/* Strapless flat chair cushion, independent photo colouring. */
/* Native-resolution suede product and lifestyle views share exact colour masks. */
#yastik .velvet59-card-media{aspect-ratio:3/2;background:#fff;padding:12px;display:grid;place-items:center}
#yastik .velvet59-card-media img{width:100%;height:100%;object-fit:contain}
#velvet59BagDetailsDialog .bag-separate-photos{display:grid;grid-template-columns:1fr 1fr;gap:16px;align-items:center}
#velvet59BagDetailsDialog .bag-detail-photo{display:block;position:relative;width:100%;padding:0;border:0;background:#fff;overflow:hidden;cursor:zoom-in}
#velvet59BagDetailsDialog .bag-detail-photo>img,#velvet59ProductCanvas,#velvet59WomanCanvas{display:block;width:100%;height:auto;object-fit:contain}
#velvet59BagDetailsDialog [hidden]{display:none!important}
#velvet59FabricLens{position:absolute;width:120px;height:120px;border:2px solid #245dd0;border-radius:50%;box-shadow:0 3px 12px #0004;pointer-events:none;z-index:4}
#velvet59PhotoLarge{display:block;width:auto;height:auto;max-width:100%;max-height:calc(100vh - 140px);max-height:calc(100dvh - 140px - env(safe-area-inset-top,0px) - env(safe-area-inset-bottom,0px));margin:auto;object-fit:contain}
#velvet59Colors .bag-swatch[aria-pressed="true"]{outline:3px solid #245dd0;outline-offset:3px}


/* S22160 native product and model views. */
/* Native-resolution suede product and lifestyle views share exact colour masks. */
#sapka .hat60-card-media{aspect-ratio:3/2;background:#fff;padding:12px;display:grid;place-items:center}
#sapka .hat60-card-media img{width:100%;height:100%;object-fit:contain}
#hat60BagDetailsDialog .bag-separate-photos{display:grid;grid-template-columns:1fr 1fr;gap:16px;align-items:center}
#hat60BagDetailsDialog .bag-detail-photo{display:block;position:relative;width:100%;padding:0;border:0;background:#fff;overflow:hidden;cursor:zoom-in}
#hat60BagDetailsDialog .bag-detail-photo>img,#hat60ProductCanvas,#hat60WomanCanvas{display:block;width:100%;height:auto;object-fit:contain}
#hat60BagDetailsDialog [hidden]{display:none!important}
#hat60FabricLens{position:absolute;width:120px;height:120px;border:2px solid #245dd0;border-radius:50%;box-shadow:0 3px 12px #0004;pointer-events:none;z-index:4}
#hat60PhotoLarge{display:block;width:auto;height:auto;max-width:100%;max-height:calc(100vh - 140px);max-height:calc(100dvh - 140px - env(safe-area-inset-top,0px) - env(safe-area-inset-bottom,0px));margin:auto;object-fit:contain}
#hat60Colors .bag-swatch[aria-pressed="true"]{outline:3px solid #245dd0;outline-offset:3px}


/* S22160 native product and model views. */
/* Native-resolution suede product and lifestyle views share exact colour masks. */
#sapka .hat61-card-media{aspect-ratio:3/2;background:#fff;padding:12px;display:grid;place-items:center}
#sapka .hat61-card-media img{width:100%;height:100%;object-fit:contain}
#hat61BagDetailsDialog .bag-separate-photos{display:grid;grid-template-columns:1fr 1fr;gap:16px;align-items:center}
#hat61BagDetailsDialog .bag-detail-photo{display:block;position:relative;width:100%;padding:0;border:0;background:#fff;overflow:hidden;cursor:zoom-in}
#hat61BagDetailsDialog .bag-detail-photo>img,#hat61ProductCanvas,#hat61WomanCanvas{display:block;width:100%;height:auto;object-fit:contain}
#hat61BagDetailsDialog [hidden]{display:none!important}
#hat61FabricLens{position:absolute;width:120px;height:120px;border:2px solid #245dd0;border-radius:50%;box-shadow:0 3px 12px #0004;pointer-events:none;z-index:4}
#hat61PhotoLarge{display:block;width:auto;height:auto;max-width:100%;max-height:calc(100vh - 140px);max-height:calc(100dvh - 140px - env(safe-area-inset-top,0px) - env(safe-area-inset-bottom,0px));margin:auto;object-fit:contain}
#hat61Colors .bag-swatch[aria-pressed="true"]{outline:3px solid #245dd0;outline-offset:3px}


/* Hat collection hero, consistent with textile category images. */
#sapka .hat-category-image{margin:20px 0 24px;overflow:hidden;border-radius:18px;background:#f4eee5;box-shadow:0 12px 32px #10274412}
#hatCategoryImage{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:contain}

/* Hat details: photos occupy the complete dialog width, above product information. */
#hat60BagDetailsDialog .bag-model,#hat61BagDetailsDialog .bag-model{display:block;min-width:0}
#hat60BagDetailsDialog .bag-separate-photos,#hat61BagDetailsDialog .bag-separate-photos{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:24px;align-items:center;width:100%}
#hat60BagDetailsDialog .bag-model-info,#hat61BagDetailsDialog .bag-model-info{margin-top:24px;min-width:0}
@media(max-width:600px){
#hat60BagDetailsDialog .bag-separate-photos,#hat61BagDetailsDialog .bag-separate-photos{grid-template-columns:minmax(0,1fr);gap:18px}
}

/* CR22162 full-width detail photography. */
/* Full-print square cushion, native photos and independent zoom. */
/* Full-print micro polyester apron. */
/* Kitchen apron detail, photos and colour lens. */
/* Native-resolution suede product and lifestyle views share exact colour masks. */
#corap .sock62-card-media{aspect-ratio:3/2;background:#fff;padding:12px;display:grid;place-items:center}
#corap .sock62-card-media img{width:100%;height:100%;object-fit:contain}
#sock62BagDetailsDialog .bag-separate-photos{display:grid;grid-template-columns:1fr 1fr;gap:16px;align-items:center}
#sock62BagDetailsDialog .bag-detail-photo{display:block;position:relative;width:100%;padding:0;border:0;background:#fff;overflow:hidden;cursor:zoom-in}
#sock62BagDetailsDialog .bag-detail-photo>img,#sock62ProductCanvas,#sock62WomanCanvas{display:block;width:100%;height:auto;object-fit:contain}
#sock62BagDetailsDialog [hidden]{display:none!important}
#sock62FabricLens{position:absolute;width:120px;height:120px;border:2px solid #245dd0;border-radius:50%;box-shadow:0 3px 12px #0004;pointer-events:none;z-index:4}
#sock62PhotoLarge{display:block;width:auto;height:auto;max-width:100%;max-height:calc(100vh - 140px);max-height:calc(100dvh - 140px - env(safe-area-inset-top,0px) - env(safe-area-inset-bottom,0px));margin:auto;object-fit:contain}
#sock62Colors .bag-swatch[aria-pressed="true"]{outline:3px solid #245dd0;outline-offset:3px}

/* Card-holder category collection, consistent with the other textile sections. */
#kartlik .card-holder-category-image{margin:20px 0 24px;overflow:hidden;border-radius:18px;background:#f4eee5;box-shadow:0 12px 32px #10274412}
#cardHolderCategoryImage{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:contain}

/* Apron collection hero, consistent with textile category images. */
#corap .apron-category-image{margin:20px 0 24px;overflow:hidden;border-radius:18px;background:#f4eee5;box-shadow:0 12px 32px #10274412}
#apronCategoryImage{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:contain}

#corap .apron-category-description{margin:0 0 28px;max-width:100%}
#corap .apron-category-description h3{margin:0 0 14px;font-size:clamp(21px,2.2vw,28px);line-height:1.3;letter-spacing:-.35px}
#corap .apron-category-description p{margin:0 0 12px;font-size:16px;line-height:1.75;color:#65758a}
#corap .apron-category-description p:last-child{margin-bottom:0}

/* Pillow collection hero and category description. */
#corap .pillow-category-image{margin:20px 0 24px;overflow:hidden;border-radius:18px;background:#f4eee5;box-shadow:0 12px 32px #10274412}
#pillowCategoryImage{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:contain}
#corap .pillow-category-description{margin:0 0 28px;max-width:100%}
#corap .pillow-category-description h3{margin:0 0 14px;font-size:clamp(21px,2.2vw,28px);line-height:1.3;letter-spacing:-.35px}
#corap .pillow-category-description p{margin:0 0 12px;font-size:16px;line-height:1.75;color:#65758a}
#corap .pillow-category-description p:last-child{margin-bottom:0}


#sock62BagDetailsDialog .bag-model{display:block}#sock62BagDetailsDialog .bag-model-info{margin-top:24px}@media(max-width:600px){#sock62BagDetailsDialog .bag-separate-photos{grid-template-columns:minmax(0,1fr)}}

/* CR22163 full-width detail photography. */
/* Full-print square cushion, native photos and independent zoom. */
/* Full-print micro polyester apron. */
/* Kitchen apron detail, photos and colour lens. */
/* Native-resolution suede product and lifestyle views share exact colour masks. */
#corap .sock63-card-media{aspect-ratio:3/2;background:#fff;padding:12px;display:grid;place-items:center}
#corap .sock63-card-media img{width:100%;height:100%;object-fit:contain}
#sock63BagDetailsDialog .bag-separate-photos{display:grid;grid-template-columns:1fr 1fr;gap:16px;align-items:center}
#sock63BagDetailsDialog .bag-detail-photo{display:block;position:relative;width:100%;padding:0;border:0;background:#fff;overflow:hidden;cursor:zoom-in}
#sock63BagDetailsDialog .bag-detail-photo>img,#sock63ProductCanvas,#sock63WomanCanvas{display:block;width:100%;height:auto;object-fit:contain}
#sock63BagDetailsDialog [hidden]{display:none!important}
#sock63FabricLens{position:absolute;width:120px;height:120px;border:2px solid #245dd0;border-radius:50%;box-shadow:0 3px 12px #0004;pointer-events:none;z-index:4}
#sock63PhotoLarge{display:block;width:auto;height:auto;max-width:100%;max-height:calc(100vh - 140px);max-height:calc(100dvh - 140px - env(safe-area-inset-top,0px) - env(safe-area-inset-bottom,0px));margin:auto;object-fit:contain}
#sock63Colors .bag-swatch[aria-pressed="true"]{outline:3px solid #245dd0;outline-offset:3px}

/* Card-holder category collection, consistent with the other textile sections. */
#kartlik .card-holder-category-image{margin:20px 0 24px;overflow:hidden;border-radius:18px;background:#f4eee5;box-shadow:0 12px 32px #10274412}
#cardHolderCategoryImage{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:contain}

/* Apron collection hero, consistent with textile category images. */
#corap .apron-category-image{margin:20px 0 24px;overflow:hidden;border-radius:18px;background:#f4eee5;box-shadow:0 12px 32px #10274412}
#apronCategoryImage{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:contain}

#corap .apron-category-description{margin:0 0 28px;max-width:100%}
#corap .apron-category-description h3{margin:0 0 14px;font-size:clamp(21px,2.2vw,28px);line-height:1.3;letter-spacing:-.35px}
#corap .apron-category-description p{margin:0 0 12px;font-size:16px;line-height:1.75;color:#65758a}
#corap .apron-category-description p:last-child{margin-bottom:0}

/* Pillow collection hero and category description. */
#corap .pillow-category-image{margin:20px 0 24px;overflow:hidden;border-radius:18px;background:#f4eee5;box-shadow:0 12px 32px #10274412}
#pillowCategoryImage{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:contain}
#corap .pillow-category-description{margin:0 0 28px;max-width:100%}
#corap .pillow-category-description h3{margin:0 0 14px;font-size:clamp(21px,2.2vw,28px);line-height:1.3;letter-spacing:-.35px}
#corap .pillow-category-description p{margin:0 0 12px;font-size:16px;line-height:1.75;color:#65758a}
#corap .pillow-category-description p:last-child{margin-bottom:0}


#sock63BagDetailsDialog .bag-model{display:block}#sock63BagDetailsDialog .bag-model-info{margin-top:24px}@media(max-width:600px){#sock63BagDetailsDialog .bag-separate-photos{grid-template-columns:minmax(0,1fr)}}

#corap .socks-category-image{margin:20px 0 24px;overflow:hidden;border-radius:18px;background:#f4eee5;box-shadow:0 12px 32px #10274412}#socksCategoryImage{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:contain}

/* SH22164 full-width detail photography. */
/* Full-print square cushion, native photos and independent zoom. */
/* Full-print micro polyester apron. */
/* Kitchen apron detail, photos and colour lens. */
/* Native-resolution suede product and lifestyle views share exact colour masks. */
#sal .shawl64-card-media{aspect-ratio:3/2;background:#fff;padding:12px;display:grid;place-items:center}
#sal .shawl64-card-media img{width:100%;height:100%;object-fit:contain}
#shawl64BagDetailsDialog .bag-separate-photos{display:grid;grid-template-columns:1fr 1fr;gap:16px;align-items:center}
#shawl64BagDetailsDialog .bag-detail-photo{display:block;position:relative;width:100%;padding:0;border:0;background:#fff;overflow:hidden;cursor:zoom-in}
#shawl64BagDetailsDialog .bag-detail-photo>img,#shawl64ProductCanvas,#shawl64WomanCanvas{display:block;width:100%;height:auto;object-fit:contain}
#shawl64BagDetailsDialog [hidden]{display:none!important}
#shawl64FabricLens{position:absolute;width:120px;height:120px;border:2px solid #245dd0;border-radius:50%;box-shadow:0 3px 12px #0004;pointer-events:none;z-index:4}
#shawl64PhotoLarge{display:block;width:auto;height:auto;max-width:100%;max-height:calc(100vh - 140px);max-height:calc(100dvh - 140px - env(safe-area-inset-top,0px) - env(safe-area-inset-bottom,0px));margin:auto;object-fit:contain}
#shawl64Colors .bag-swatch[aria-pressed="true"]{outline:3px solid #245dd0;outline-offset:3px}

/* Card-holder category collection, consistent with the other textile sections. */
#kartlik .card-holder-category-image{margin:20px 0 24px;overflow:hidden;border-radius:18px;background:#f4eee5;box-shadow:0 12px 32px #10274412}
#cardHolderCategoryImage{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:contain}

/* Apron collection hero, consistent with textile category images. */
#sal .apron-category-image{margin:20px 0 24px;overflow:hidden;border-radius:18px;background:#f4eee5;box-shadow:0 12px 32px #10274412}
#apronCategoryImage{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:contain}

#sal .apron-category-description{margin:0 0 28px;max-width:100%}
#sal .apron-category-description h3{margin:0 0 14px;font-size:clamp(21px,2.2vw,28px);line-height:1.3;letter-spacing:-.35px}
#sal .apron-category-description p{margin:0 0 12px;font-size:16px;line-height:1.75;color:#65758a}
#sal .apron-category-description p:last-child{margin-bottom:0}

/* Pillow collection hero and category description. */
#sal .pillow-category-image{margin:20px 0 24px;overflow:hidden;border-radius:18px;background:#f4eee5;box-shadow:0 12px 32px #10274412}
#pillowCategoryImage{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:contain}
#sal .pillow-category-description{margin:0 0 28px;max-width:100%}
#sal .pillow-category-description h3{margin:0 0 14px;font-size:clamp(21px,2.2vw,28px);line-height:1.3;letter-spacing:-.35px}
#sal .pillow-category-description p{margin:0 0 12px;font-size:16px;line-height:1.75;color:#65758a}
#sal .pillow-category-description p:last-child{margin-bottom:0}


#shawl64BagDetailsDialog .bag-model{display:block}#shawl64BagDetailsDialog .bag-model-info{margin-top:24px}@media(max-width:600px){#shawl64BagDetailsDialog .bag-separate-photos{grid-template-columns:minmax(0,1fr)}}

/* SH22165 full-width detail photography. */
/* Full-print square cushion, native photos and independent zoom. */
/* Full-print micro polyester apron. */
/* Kitchen apron detail, photos and colour lens. */
/* Native-resolution suede product and lifestyle views share exact colour masks. */
#sal .shawl65-card-media{aspect-ratio:3/2;background:#fff;padding:12px;display:grid;place-items:center}
#sal .shawl65-card-media img{width:100%;height:100%;object-fit:contain}
#shawl65BagDetailsDialog .bag-separate-photos{display:grid;grid-template-columns:1fr 1fr;gap:16px;align-items:center}
#shawl65BagDetailsDialog .bag-detail-photo{display:block;position:relative;width:100%;padding:0;border:0;background:#fff;overflow:hidden;cursor:zoom-in}
#shawl65BagDetailsDialog .bag-detail-photo>img,#shawl65ProductCanvas,#shawl65WomanCanvas{display:block;width:100%;height:auto;object-fit:contain}
#shawl65BagDetailsDialog [hidden]{display:none!important}
#shawl65FabricLens{position:absolute;width:120px;height:120px;border:2px solid #245dd0;border-radius:50%;box-shadow:0 3px 12px #0004;pointer-events:none;z-index:4}
#shawl65PhotoLarge{display:block;width:auto;height:auto;max-width:100%;max-height:calc(100vh - 140px);max-height:calc(100dvh - 140px - env(safe-area-inset-top,0px) - env(safe-area-inset-bottom,0px));margin:auto;object-fit:contain}
#shawl65Colors .bag-swatch[aria-pressed="true"]{outline:3px solid #245dd0;outline-offset:3px}

/* Card-holder category collection, consistent with the other textile sections. */
#kartlik .card-holder-category-image{margin:20px 0 24px;overflow:hidden;border-radius:18px;background:#f4eee5;box-shadow:0 12px 32px #10274412}
#cardHolderCategoryImage{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:contain}

/* Apron collection hero, consistent with textile category images. */
#sal .apron-category-image{margin:20px 0 24px;overflow:hidden;border-radius:18px;background:#f4eee5;box-shadow:0 12px 32px #10274412}
#apronCategoryImage{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:contain}

#sal .apron-category-description{margin:0 0 28px;max-width:100%}
#sal .apron-category-description h3{margin:0 0 14px;font-size:clamp(21px,2.2vw,28px);line-height:1.3;letter-spacing:-.35px}
#sal .apron-category-description p{margin:0 0 12px;font-size:16px;line-height:1.75;color:#65758a}
#sal .apron-category-description p:last-child{margin-bottom:0}

/* Pillow collection hero and category description. */
#sal .pillow-category-image{margin:20px 0 24px;overflow:hidden;border-radius:18px;background:#f4eee5;box-shadow:0 12px 32px #10274412}
#pillowCategoryImage{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:contain}
#sal .pillow-category-description{margin:0 0 28px;max-width:100%}
#sal .pillow-category-description h3{margin:0 0 14px;font-size:clamp(21px,2.2vw,28px);line-height:1.3;letter-spacing:-.35px}
#sal .pillow-category-description p{margin:0 0 12px;font-size:16px;line-height:1.75;color:#65758a}
#sal .pillow-category-description p:last-child{margin-bottom:0}


#shawl65BagDetailsDialog .bag-model{display:block}#shawl65BagDetailsDialog .bag-model-info{margin-top:24px}@media(max-width:600px){#shawl65BagDetailsDialog .bag-separate-photos{grid-template-columns:minmax(0,1fr)}}

#sal .shawls-category-image{margin:20px 0 24px;overflow:hidden;border-radius:18px;background:#f4eee5;box-shadow:0 12px 32px #10274412}#shawlsCategoryImage{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:contain}

/* Polar scarf detail photographs. */
/* SH22165 full-width detail photography. */
/* Full-print square cushion, native photos and independent zoom. */
/* Full-print micro polyester apron. */
/* Kitchen apron detail, photos and colour lens. */
/* Native-resolution suede product and lifestyle views share exact colour masks. */
#polar .fleece66-card-media{aspect-ratio:3/2;background:#fff;padding:12px;display:grid;place-items:center}
#polar .fleece66-card-media img{width:100%;height:100%;object-fit:contain}
#fleece66BagDetailsDialog .bag-separate-photos{display:grid;grid-template-columns:1fr 1fr;gap:16px;align-items:center}
#fleece66BagDetailsDialog .bag-detail-photo{display:block;position:relative;width:100%;padding:0;border:0;background:#fff;overflow:hidden;cursor:zoom-in}
#fleece66BagDetailsDialog .bag-detail-photo>img,#fleece66ProductCanvas,#fleece66WomanCanvas{display:block;width:100%;height:auto;object-fit:contain}
#fleece66BagDetailsDialog [hidden]{display:none!important}
#fleece66FabricLens{position:absolute;width:120px;height:120px;border:2px solid #245dd0;border-radius:50%;box-shadow:0 3px 12px #0004;pointer-events:none;z-index:4}
#fleece66PhotoLarge{display:block;width:auto;height:auto;max-width:100%;max-height:calc(100vh - 140px);max-height:calc(100dvh - 140px - env(safe-area-inset-top,0px) - env(safe-area-inset-bottom,0px));margin:auto;object-fit:contain}
#fleece66Colors .bag-swatch[aria-pressed="true"]{outline:3px solid #245dd0;outline-offset:3px}

/* Card-holder category collection, consistent with the other textile sections. */
#kartlik .card-holder-category-image{margin:20px 0 24px;overflow:hidden;border-radius:18px;background:#f4eee5;box-shadow:0 12px 32px #10274412}
#cardHolderCategoryImage{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:contain}

/* Apron collection hero, consistent with textile category images. */
#polar .apron-category-image{margin:20px 0 24px;overflow:hidden;border-radius:18px;background:#f4eee5;box-shadow:0 12px 32px #10274412}
#apronCategoryImage{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:contain}

#polar .apron-category-description{margin:0 0 28px;max-width:100%}
#polar .apron-category-description h3{margin:0 0 14px;font-size:clamp(21px,2.2vw,28px);line-height:1.3;letter-spacing:-.35px}
#polar .apron-category-description p{margin:0 0 12px;font-size:16px;line-height:1.75;color:#65758a}
#polar .apron-category-description p:last-child{margin-bottom:0}

/* Pillow collection hero and category description. */
#polar .pillow-category-image{margin:20px 0 24px;overflow:hidden;border-radius:18px;background:#f4eee5;box-shadow:0 12px 32px #10274412}
#pillowCategoryImage{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:contain}
#polar .pillow-category-description{margin:0 0 28px;max-width:100%}
#polar .pillow-category-description h3{margin:0 0 14px;font-size:clamp(21px,2.2vw,28px);line-height:1.3;letter-spacing:-.35px}
#polar .pillow-category-description p{margin:0 0 12px;font-size:16px;line-height:1.75;color:#65758a}
#polar .pillow-category-description p:last-child{margin-bottom:0}


#fleece66BagDetailsDialog .bag-model{display:block}#fleece66BagDetailsDialog .bag-model-info{margin-top:24px}@media(max-width:600px){#fleece66BagDetailsDialog .bag-separate-photos{grid-template-columns:minmax(0,1fr)}}


#polar .fleece-category-image{margin:20px 0 24px;overflow:hidden;border-radius:18px;background:#f4eee5;box-shadow:0 12px 32px #10274412}#fleeceCategoryImage{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:contain}

.blanket67-card-media img,.blanket68-card-media img{display:block;width:100%;height:auto;object-fit:contain}

/* Hat dialogs follow textile photo panels, with equal-height, uncropped views. */
#hat60BagDetailsDialog .bag-separate-photos,
#hat61BagDetailsDialog .bag-separate-photos{gap:20px;align-items:start}
#hat60BagDetailsDialog .bag-detail-photo,
#hat61BagDetailsDialog .bag-detail-photo{display:flex;align-items:center;justify-content:center;height:360px;border-radius:8px;background:#f8f9fa}
#hat60BagDetailsDialog .bag-detail-photo>img,
#hat61BagDetailsDialog .bag-detail-photo>img,
#hat60ProductCanvas,#hat60WomanCanvas,#hat61ProductCanvas,#hat61WomanCanvas{width:auto;height:auto;max-width:100%;max-height:100%;object-fit:contain}
#hat60BagDetailsDialog .bag-detail-photo:focus-visible,
#hat61BagDetailsDialog .bag-detail-photo:focus-visible{outline:3px solid #245dd0;outline-offset:3px}
@media(max-width:600px){
 #hat60BagDetailsDialog .bag-separate-photos,
 #hat61BagDetailsDialog .bag-separate-photos{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
 #hat60BagDetailsDialog .bag-detail-photo,
 #hat61BagDetailsDialog .bag-detail-photo{height:clamp(120px,38vw,220px)}
}
#hat60PhotoDialog,#hat61PhotoDialog{inset:auto;top:50%;left:50%;transform:translate(-50%,-50%);margin:0;height:fit-content}

/* Two-tone cap: independent crown and visor colour palettes. */
#sapka .hat69-card-media{aspect-ratio:3/2;background:#fff;padding:12px;display:grid;place-items:center}
#sapka .hat69-card-media img{width:100%;height:100%;object-fit:contain}
#hat69BagDetailsDialog .bag-model{align-items:start;gap:24px}
#hat69BagDetailsDialog .hat69-visual{position:sticky;top:52px;min-width:0}
#hat69ProductZoom{display:block;width:100%;padding:0;border:0;background:white;cursor:zoom-in}
#hat69ProductZoom img,#hat69ProductCanvas{display:block;width:100%;height:auto;border-radius:8px}
#hat69BagDetailsDialog [hidden]{display:none!important}
#hat69BagDetailsDialog .bag-palette p{margin:8px 0 0}
#hat69Quote:disabled{opacity:.6;cursor:wait}
#hat69Status:empty{display:none}
#hat69PhotoDialog{inset:auto;top:50%;left:50%;transform:translate(-50%,-50%);margin:0;height:fit-content}
@media(max-width:700px){#hat69BagDetailsDialog .hat69-visual{position:static;max-width:420px;margin:auto}#hat69BagDetailsDialog .bag-model{grid-template-columns:minmax(0,1fr)}}

/* Sock textile dialogs: balanced photo panels and masked fabric colouring. */
#sock62BagDetailsDialog .bag-separate-photos,#sock63BagDetailsDialog .bag-separate-photos{gap:20px;align-items:start}
#sock62BagDetailsDialog .bag-detail-photo,#sock63BagDetailsDialog .bag-detail-photo{display:flex;align-items:center;justify-content:center;height:360px;border-radius:8px;background:#f8f9fa}
#sock62BagDetailsDialog .bag-detail-photo>img,#sock63BagDetailsDialog .bag-detail-photo>img,
#sock62ProductCanvas,#sock62WomanCanvas,#sock63ProductCanvas,#sock63WomanCanvas{width:auto;height:auto;max-width:100%;max-height:100%;object-fit:contain}
#sock62BagDetailsDialog .bag-detail-photo:focus-visible,#sock63BagDetailsDialog .bag-detail-photo:focus-visible{outline:3px solid #245dd0;outline-offset:3px}
#sock62Status:empty,#sock63Status:empty{display:none}
#sock62Colors button:disabled,#sock63Colors button:disabled{opacity:.5;cursor:wait}
#sock62PhotoDialog,#sock63PhotoDialog{inset:auto;top:50%;left:50%;transform:translate(-50%,-50%);margin:0;height:fit-content}
@media(max-width:600px){
 #sock62BagDetailsDialog .bag-separate-photos,#sock63BagDetailsDialog .bag-separate-photos{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
 #sock62BagDetailsDialog .bag-detail-photo,#sock63BagDetailsDialog .bag-detail-photo{height:clamp(120px,38vw,220px)}
}

/* Straight-hem shawl product and model panels match the textile catalogue. */
#shawl64BagDetailsDialog .bag-separate-photos,#shawl65BagDetailsDialog .bag-separate-photos{gap:20px;align-items:start}
#shawl64BagDetailsDialog .bag-detail-photo,#shawl65BagDetailsDialog .bag-detail-photo{display:flex;align-items:center;justify-content:center;height:360px;background:#f8f9fa;border-radius:8px}
#shawl64BagDetailsDialog .bag-detail-photo>img,#shawl65BagDetailsDialog .bag-detail-photo>img{width:auto;height:auto;max-width:100%;max-height:100%;object-fit:contain}
#shawl64PhotoDialog,#shawl65PhotoDialog{inset:auto;top:50%;left:50%;transform:translate(-50%,-50%);margin:0;height:fit-content}
@media(max-width:600px){#shawl64BagDetailsDialog .bag-separate-photos,#shawl65BagDetailsDialog .bag-separate-photos{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}#shawl64BagDetailsDialog .bag-detail-photo,#shawl65BagDetailsDialog .bag-detail-photo{height:clamp(120px,38vw,220px)}}

/* Polar scarf uses the same paired textile photo panels on every screen. */
#fleece66BagDetailsDialog .bag-separate-photos{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;align-items:start}
#fleece66BagDetailsDialog .bag-detail-photo{display:flex;align-items:center;justify-content:center;height:360px;border-radius:8px;background:#f8f9fa}
#fleece66BagDetailsDialog .bag-detail-photo>img{width:auto;height:auto;max-width:100%;max-height:100%;object-fit:contain}
#fleece66BagDetailsDialog .bag-separate-photos>div{min-width:0}
#polar #blanket67OpenBagDetails,#polar #blanket68OpenBagDetails{padding:24px;text-align:left}
#blanket67BagDetailsDialog .bag-model,#blanket68BagDetailsDialog .bag-model{display:block}
@media(max-width:600px){#fleece66BagDetailsDialog .bag-separate-photos{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}#fleece66BagDetailsDialog .bag-detail-photo{height:clamp(120px,38vw,220px)}}

.hat70-card-media{height:280px;display:grid;place-items:center;background:#f8f9fa}.hat70-card-media img{width:100%;height:100%;object-fit:contain}#hat70ProductZoom{display:block;padding:0;border:0;width:100%;background:#f8f9fa;cursor:zoom-in}#hat70ProductPhoto{display:block;max-height:440px;width:100%;object-fit:contain}#hat70PhotoLarge{display:block;max-width:100%;max-height:80vh;width:auto;height:auto;margin:auto}#hat70PhotoDialog{max-width:900px}

#hat70BagDetailsDialog .bag-model{display:block}#hat70BagDetailsDialog .bag-model-info{margin-top:24px}#hat70BagDetailsDialog .bag-separate-photos{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;align-items:start}#hat70BagDetailsDialog .bag-detail-photo{display:flex;align-items:center;justify-content:center;height:360px;width:100%;padding:0;border:0;background:#f8f9fa;border-radius:8px;cursor:zoom-in}#hat70BagDetailsDialog .bag-detail-photo>img{display:block;width:auto;height:auto;max-width:100%;max-height:100%;object-fit:contain}@media(max-width:600px){#hat70BagDetailsDialog .bag-separate-photos{gap:10px}#hat70BagDetailsDialog .bag-detail-photo{height:clamp(120px,38vw,220px)}}

#polar .hat70-card-media{height:auto;aspect-ratio:3/2}#polar .hat70-card-media img{display:block;width:100%;height:100%;object-fit:contain}

/* Textile collection images and their frames use half their previous width/height. */
#main .product-view-section .textile-collection-compact,
#main .new-cotton-section .textile-collection-compact{width:50%;max-width:50%;margin-left:auto;margin-right:auto;border-radius:9px;box-shadow:0 6px 16px #10274412}

/* Wide textile collection frames: images are 25% larger than the compact layout. */
#main .product-view-section .textile-collection-compact,
#main .new-cotton-section .textile-collection-compact{width:100%;max-width:100%;aspect-ratio:12/5;height:auto}
#main .textile-collection-compact>img{display:block;width:100%;height:100%;max-height:none;aspect-ratio:auto;object-fit:contain;object-position:center}

/* Bag catalogue: two products per row on phones and computers. */
#hambez .bag-products-grid{grid-template-columns:repeat(2,minmax(0,1fr))}

/* Keep certification overlays crisp, proportional and separated. */
#hambez .bag-catalogue-stage .bag-card-certifications{gap:6px;align-items:center}
#hambez .bag-catalogue-stage .bag-card-certifications>img{width:100%;height:auto;object-fit:contain;flex-shrink:0}

/* C22115 desktop: larger photos start alongside the colour palette. */
@media(min-width:901px){
 #bagDetailsDialog .bag-model{grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:24px;align-items:start}
 #bagDetailsDialog .bag-model-visual{align-self:start;margin-top:76px;grid-template-columns:minmax(0,2fr) minmax(0,1fr);gap:14px;width:100%;max-width:none}
}

/* International phone fields in both request forms. */
.phone-field{display:grid;gap:8px;min-width:0}
.phone-input-group{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);gap:8px;min-width:0}
.phone-input-group select,.bag-order-dialog .phone-input-group select{width:100%;min-width:0;padding:11px;border:1px solid #cbd3dd;border-radius:6px;background:#fff;color:#102744;font-size:16px}
@media(max-width:420px){.phone-input-group{grid-template-columns:minmax(0,1fr)} }

/* Flag above country name, with calling code aligned on the right. */
.phone-input-group{grid-template-columns:minmax(132px,.95fr) minmax(0,1.1fr);align-items:stretch}
.country-picker{position:relative;min-width:0}
.country-picker [hidden]{display:none!important}
.country-trigger,.country-option{display:flex;align-items:center;justify-content:space-between;gap:10px;text-align:left;background:#fff;color:#102744;width:100%;min-width:0;cursor:pointer;font:inherit}
.country-trigger{height:100%;min-height:64px;padding:9px 10px;border:1px solid #cbd3dd;border-radius:6px}
.country-identity{display:flex;flex-direction:column;align-items:flex-start;gap:4px;min-width:0;flex:1}
.country-identity img{display:block;object-fit:contain;width:28px;height:21px;border-radius:1px;box-shadow:0 0 0 1px #10274418}
.country-name{font-size:11px;line-height:1.25;overflow-wrap:anywhere;color:#40516a;font-weight:400}
.country-code{white-space:nowrap;font-size:17px;font-weight:700;flex-shrink:0}
.country-chevron{color:#66778d;font-size:18px}
.country-panel{position:absolute;top:calc(100% + 4px);left:0;width:280px;max-width:calc(100vw - 64px);z-index:100;background:#fff;border:1px solid #cbd3dd;border-radius:7px;box-shadow:0 8px 24px #10274420;padding:7px}
.country-options{max-height:245px;overflow-y:auto;overscroll-behavior:contain}
.country-option{padding:9px 11px;border:0;border-bottom:1px solid #e8edf3;border-radius:0;min-height:62px}
.country-option[aria-selected=true]{background:#eaf2ff}
.country-option:hover,.country-option:focus-visible{background:#dceaff;outline:2px solid #7197cf;outline-offset:-2px}
.country-trigger:focus-visible{outline:2px solid #7197cf;outline-offset:2px}
.country-picker .country-search{font-size:14px;padding:9px;margin:0 0 6px;border:1px solid #cbd3dd;border-radius:4px;width:100%;box-sizing:border-box}
.phone-input-group>input[type=tel]{align-self:stretch}
@media(max-width:420px){.phone-input-group{grid-template-columns:minmax(128px,.95fr) minmax(0,1.1fr)}.country-trigger{padding:8px;gap:6px}.country-code{font-size:16px}}

.phone-field>span{font-size:14px;font-weight:600}

/* C22115 detail and magnifier share the full-resolution cotton master. */
#bagColorImage.has-hq-product{background-image:none;background-color:#fff}
#bagColorImage .c22115-product-canvas{display:block;width:100%;height:100%;object-fit:contain}
#bagColorImage .c22115-product-canvas[hidden]{display:none}
#bagColorImage.has-hq-product #bagMagnifier{overflow:hidden;background-image:none;background-color:#fff}
#bagMagnifier canvas{position:absolute;display:block;max-width:none;max-height:none}

/* C22116 follows the C22115 desktop photo placement and proportions. */
@media(min-width:901px){
 #gussetBagDetailsDialog .bag-model{grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:24px;align-items:start}
 #gussetBagDetailsDialog .bag-separate-photos{align-self:start;margin-top:76px;grid-template-columns:minmax(0,2fr) minmax(0,1fr);gap:14px;width:100%;max-width:none;align-items:start}
}
#gussetBagPhotoTrigger{position:relative;overflow:hidden}
#gussetBagPhotoTrigger .c22116-fabric-lens{position:absolute;display:block;pointer-events:none;overflow:hidden;background:#fff;border:2px solid #102744;border-radius:50%;box-shadow:0 3px 14px #10274440}
#gussetBagPhotoTrigger .c22116-fabric-lens[hidden]{display:none!important}
#gussetBagPhotoTrigger .c22116-fabric-lens canvas{position:absolute;display:block;max-width:none;max-height:none}

/* C22115: four thumbnails below the product photos on every screen size. */
#bagDetailsDialog .c22115-gallery{grid-column:1/-1;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;width:100%;min-width:0;margin-top:6px}
#bagDetailsDialog .c22115-gallery-button{display:flex;flex-direction:column;gap:7px;align-items:center;min-width:0;margin:0;padding:6px;border:1px solid #d8e0e9;border-radius:6px;background:#fff;color:#102744;cursor:zoom-in;font:inherit}
#bagDetailsDialog .c22115-gallery-button canvas{display:block;width:100%;height:auto;aspect-ratio:1;object-fit:contain;background:#fff}
#bagDetailsDialog .c22115-gallery-button span{font-size:11px;line-height:1.25;text-align:center}
#bagDetailsDialog .c22115-gallery-button:focus-visible{outline:3px solid #2761d0;outline-offset:2px}
#bagDetailsDialog .c22115-gallery-button:hover{border-color:#2761d0}
#bagDetailsDialog .c22115-gallery-button:disabled{opacity:.45;cursor:wait}

/* C22115: centre every enlarged view, including the landscape bottom photograph. */
#bagPhotoDialog{width:min(1000px,calc(100vw - 32px));height:calc(100vh - 64px);height:calc(100dvh - 64px);min-height:0;padding:48px 24px;box-sizing:border-box}
#bagPhotoDialog[open]{display:grid;place-items:center}
#bagPhotoDialog #bagPhotoLarge{min-width:0;min-height:0;width:auto;height:auto;max-width:100%!important;max-height:calc(100vh - 160px);max-height:calc(100dvh - 160px);object-fit:contain;margin:auto}
@media(max-width:600px){#bagPhotoDialog{padding:44px 12px}#bagPhotoDialog #bagPhotoLarge{max-height:calc(100vh - 152px);max-height:calc(100dvh - 152px)}}

/* C22116: four thumbnails below the product photos on every screen size. */
#gussetBagDetailsDialog .c22116-gallery{grid-column:1/-1;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;width:100%;min-width:0;margin-top:6px}
#gussetBagDetailsDialog .c22116-gallery-button{display:flex;flex-direction:column;gap:7px;align-items:center;min-width:0;margin:0;padding:6px;border:1px solid #d8e0e9;border-radius:6px;background:#fff;color:#102744;cursor:zoom-in;font:inherit}
#gussetBagDetailsDialog .c22116-gallery-button canvas{display:block;width:100%;height:auto;aspect-ratio:1;object-fit:contain;background:#fff}
#gussetBagDetailsDialog .c22116-gallery-button span{font-size:11px;line-height:1.25;text-align:center}
#gussetBagDetailsDialog .c22116-gallery-button:focus-visible{outline:3px solid #2761d0;outline-offset:2px}
#gussetBagDetailsDialog .c22116-gallery-button:hover{border-color:#2761d0}
#gussetBagDetailsDialog .c22116-gallery-button:disabled{opacity:.45;cursor:wait}


/* C22116: centre every enlarged view, including the landscape bottom photograph. */
#gussetBagPhotoDialog{width:min(1000px,calc(100vw - 32px));height:calc(100vh - 64px);height:calc(100dvh - 64px);min-height:0;padding:48px 24px;box-sizing:border-box}
#gussetBagPhotoDialog[open]{display:grid;place-items:center}
#gussetBagPhotoDialog #gussetBagPhotoLarge{min-width:0;min-height:0;width:auto;height:auto;max-width:100%!important;max-height:calc(100vh - 160px);max-height:calc(100dvh - 160px);object-fit:contain;margin:auto}
@media(max-width:600px){#gussetBagPhotoDialog{padding:44px 12px}#gussetBagPhotoDialog #gussetBagPhotoLarge{max-height:calc(100vh - 152px);max-height:calc(100dvh - 152px)}}

/* C22117 follows the C22115 desktop photo layout and full-resolution gallery. */
@media(min-width:901px){
 #zipperBagDetailsDialog .bag-model{grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:24px;align-items:start}
 #zipperBagDetailsDialog .bag-separate-photos{align-self:start;margin-top:76px;grid-template-columns:minmax(0,2fr) minmax(0,1fr);gap:14px;width:100%;max-width:none;align-items:start}
}

#zipperBagPhotoTrigger .c22117-fabric-lens{position:absolute;display:block;pointer-events:none;overflow:hidden;background:#fff;border:2px solid #102744;border-radius:50%;box-shadow:0 3px 14px #10274440}

#zipperBagPhotoTrigger .c22117-fabric-lens[hidden]{display:none!important}

#zipperBagPhotoTrigger .c22117-fabric-lens canvas{position:absolute;display:block;max-width:none;max-height:none}


/* C22116: four thumbnails below the product photos on every screen size. */
#zipperBagDetailsDialog .c22117-gallery{grid-column:1/-1;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;width:100%;min-width:0;margin-top:6px}

#zipperBagDetailsDialog .c22117-gallery-button{display:flex;flex-direction:column;gap:7px;align-items:center;min-width:0;margin:0;padding:6px;border:1px solid #d8e0e9;border-radius:6px;background:#fff;color:#102744;cursor:zoom-in;font:inherit}

#zipperBagDetailsDialog .c22117-gallery-button canvas{display:block;width:100%;height:auto;aspect-ratio:1;object-fit:contain;background:#fff}

#zipperBagDetailsDialog .c22117-gallery-button span{font-size:11px;line-height:1.25;text-align:center}

#zipperBagDetailsDialog .c22117-gallery-button:focus-visible{outline:3px solid #2761d0;outline-offset:2px}

#zipperBagDetailsDialog .c22117-gallery-button:hover{border-color:#2761d0}

#zipperBagDetailsDialog .c22117-gallery-button:disabled{opacity:.45;cursor:wait}
#zipperBagPhotoTrigger{position:relative;overflow:hidden}
#zipperBagPhotoDialog{width:min(1000px,calc(100vw - 32px));height:calc(100vh - 64px);height:calc(100dvh - 64px);min-height:0;padding:48px 24px;box-sizing:border-box}
#zipperBagPhotoDialog[open]{display:grid;place-items:center}
#zipperBagPhotoDialog #zipperBagPhotoLarge{min-width:0;min-height:0;width:auto;height:auto;max-width:100%!important;max-height:calc(100vh - 160px);max-height:calc(100dvh - 160px);object-fit:contain;margin:auto}
@media(max-width:600px){#zipperBagPhotoDialog{padding:44px 12px}#zipperBagPhotoDialog #zipperBagPhotoLarge{max-height:calc(100vh - 152px);max-height:calc(100dvh - 152px)}}

/* C22117 follows the C22115 desktop photo layout and full-resolution gallery. */
@media(min-width:901px){
 #pocketBagDetailsDialog .bag-model{grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:24px;align-items:start}
 #pocketBagDetailsDialog .bag-separate-photos{align-self:start;margin-top:76px;grid-template-columns:minmax(0,2fr) minmax(0,1fr);gap:14px;width:100%;max-width:none;align-items:start}
}

#pocketBagPhotoTrigger .c22118-fabric-lens{position:absolute;display:block;pointer-events:none;overflow:hidden;background:#fff;border:2px solid #102744;border-radius:50%;box-shadow:0 3px 14px #10274440}

#pocketBagPhotoTrigger .c22118-fabric-lens[hidden]{display:none!important}

#pocketBagPhotoTrigger .c22118-fabric-lens canvas{position:absolute;display:block;max-width:none;max-height:none}


/* C22116: four thumbnails below the product photos on every screen size. */
#pocketBagDetailsDialog .c22118-gallery{grid-column:1/-1;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;width:100%;min-width:0;margin-top:6px}

#pocketBagDetailsDialog .c22118-gallery-button{display:flex;flex-direction:column;gap:7px;align-items:center;min-width:0;margin:0;padding:6px;border:1px solid #d8e0e9;border-radius:6px;background:#fff;color:#102744;cursor:zoom-in;font:inherit}

#pocketBagDetailsDialog .c22118-gallery-button canvas{display:block;width:100%;height:auto;aspect-ratio:1;object-fit:contain;background:#fff}

#pocketBagDetailsDialog .c22118-gallery-button span{font-size:11px;line-height:1.25;text-align:center}

#pocketBagDetailsDialog .c22118-gallery-button:focus-visible{outline:3px solid #2761d0;outline-offset:2px}

#pocketBagDetailsDialog .c22118-gallery-button:hover{border-color:#2761d0}

#pocketBagDetailsDialog .c22118-gallery-button:disabled{opacity:.45;cursor:wait}
#pocketBagPhotoTrigger{position:relative;overflow:hidden}
#pocketBagPhotoDialog{width:min(1000px,calc(100vw - 32px));height:calc(100vh - 64px);height:calc(100dvh - 64px);min-height:0;padding:48px 24px;box-sizing:border-box}
#pocketBagPhotoDialog[open]{display:grid;place-items:center}
#pocketBagPhotoDialog #pocketBagPhotoLarge{min-width:0;min-height:0;width:auto;height:auto;max-width:100%!important;max-height:calc(100vh - 160px);max-height:calc(100dvh - 160px);object-fit:contain;margin:auto}
@media(max-width:600px){#pocketBagPhotoDialog{padding:44px 12px}#pocketBagPhotoDialog #pocketBagPhotoLarge{max-height:calc(100vh - 152px);max-height:calc(100dvh - 152px)}}

.bag-product-description .description-quote{display:inline-flex;margin-top:18px;align-items:center;justify-content:center}

.order-color-picker{display:grid;gap:8px}.order-color-picker details{position:relative}.order-color-picker summary,.order-color-options button{display:flex;align-items:center;gap:10px;padding:12px;border:1px solid #b8c2ce;border-radius:6px;background:#fff;font:inherit;cursor:pointer;color:#102744}.order-color-picker summary{list-style:none}.order-color-picker summary:after{content:'▾';margin-left:auto}.order-color-dot{display:inline-block;width:12px;height:12px;flex:0 0 12px;border-radius:50%;border:1px solid #87919d}.order-color-options{position:absolute;top:100%;left:0;right:0;max-height:240px;overflow:auto;z-index:10;background:white;box-shadow:0 4px 15px #0003}.order-color-options button{width:100%;border:0;border-radius:0;text-align:left}.order-color-options button:hover,.order-color-options button[aria-pressed=true]{background:#edf3fa}

/* Larger offer-form field headings on desktop and mobile. */
#bagOrderForm label > span[data-order-copy],
#bagOrderForm label > span[data-decoration-copy="label"],
#bagOrderForm #orderColorLabel,
#bagOrderForm .phone-country-field > span[data-order-copy]{font-size:18px;font-weight:700;line-height:1.4}
