/* Compact additions using the storefront's existing typography, colours and gutters. */
.fit-problem,.fit-guide,.fit-faq{margin:28px 32px;padding:24px 0;border-bottom:1px solid #ddd;color:#111}
.fit-problem .section-heading,.fit-guide .section-heading,.fit-faq .section-heading{margin-bottom:16px}
.fit-problem h2,.fit-guide h2,.fit-faq h2{font-family:Arial,Helvetica,sans-serif;font-size:clamp(20px,2vw,26px);font-weight:800;letter-spacing:-.02em;line-height:1.25}
.fit-problem-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 24px;margin:24px 0 0;padding:0;list-style:none;font-size:14px}.fit-problem-list li{display:flex;align-items:start;gap:12px;padding-top:12px;border-top:1px solid #ddd}.fit-problem-list li>span{flex:none;color:#777;font-size:11px;font-weight:700;line-height:1.6}.fit-problem-list p{margin:0;line-height:1.6}
.fit-reassurance{margin:0 0 16px;font-size:14px;line-height:1.6}
.fit-problem .line-link,.fit-guide .line-link{font-size:12px;font-weight:700}
.fit-guide-steps{display:flex;flex-wrap:wrap;gap:12px 32px;list-style-position:inside;margin:0 0 18px;padding:0;font-size:14px;line-height:1.5}
.fit-guide-steps li{flex:1 1 180px}
.fit-faq .product-accordion{margin:0;border-bottom:0}
.fit-faq .product-accordion:last-child{border-bottom:1px solid #ddd}
.fit-faq .product-accordion summary{gap:16px;text-transform:none;letter-spacing:0;line-height:1.5}
.fit-faq .product-accordion summary::after{flex:none}
.product-fit{margin:12px 0 18px;padding:16px 0;border-top:1px solid #ddd;border-bottom:1px solid #ddd}
.product-fit h2{margin:0 0 6px;font-family:Arial,Helvetica,sans-serif;font-size:14px;font-weight:700;letter-spacing:0;line-height:1.4}
.product-fit p{margin:0 0 10px;font-size:14px;line-height:1.5;color:#444}
.product-fit .line-link{font-size:13px;font-weight:700}
.size-filter-note,.size-filter-status{margin:0 32px 16px;font-size:12px;color:#555}
.size-filter-status[hidden]{display:none}
.catalog-size-control select{max-width:170px;direction:ltr}
.catalog-contact .fit-guide-steps{color:inherit}
.catalog-contact [data-fit-whatsapp]{color:inherit}
html[dir="rtl"] .catalog-size-control,html[dir="rtl"] .fit-faq{text-align:start}
@media(max-width:700px){.fit-problem,.fit-guide,.fit-faq{margin:20px 14px;padding:20px 0}.fit-problem-list{grid-template-columns:1fr;gap:6px}.fit-guide-steps{gap:8px 20px}.fit-guide-steps li{flex-basis:100%}.size-filter-note,.size-filter-status{margin-inline:14px}.catalog-controls .catalog-size-control{min-width:0;flex:1 1 100%;justify-content:space-between}.catalog-size-control select{min-width:0;max-width:170px;flex:1;text-align:end}.fit-faq .product-accordion summary{font-size:13px}}

/* Fit problem: familiar shopping frustration followed by the NANA SHOP solution. */
.fit-problem{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr);gap:clamp(24px,4vw,56px);align-items:center;padding:28px 0}
.fit-problem .kicker{margin:0 0 12px;font-size:11px;font-weight:700;letter-spacing:.08em;line-height:1.5;text-transform:uppercase;color:#666}
.fit-problem-copy h2{margin:0;text-align:start;font-size:clamp(22px,2.2vw,30px)}
.fit-problem-answer{min-width:0;padding:28px;background:#f4f4f4;border:1px solid #ddd}
.fit-problem-answer h3{margin:0 0 14px;font-family:Arial,Helvetica,sans-serif;font-size:clamp(20px,1.8vw,26px);font-weight:800;letter-spacing:-.02em;line-height:1.25}
.fit-problem-answer .fit-reassurance{margin:0 0 12px;font-size:14px;line-height:1.6}
.fit-problem-solution{margin:0 0 22px;font-size:14px;line-height:1.6;color:#444}
.fit-problem-answer .button{max-width:100%;min-height:46px;padding:13px 20px;font-size:12px;font-weight:700;line-height:1.4;letter-spacing:0;white-space:normal;text-align:start}
.fit-problem-answer .button span{flex:none}
@media(max-width:700px){.fit-problem{grid-template-columns:1fr;gap:22px;padding:20px 0}.fit-problem-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 16px;margin-top:20px}.fit-problem-list li{gap:8px}.fit-problem-list p{font-size:13px}.fit-problem-answer{padding:22px 20px}.fit-problem-answer .button{width:100%;justify-content:space-between;padding-inline:16px}.fit-problem .kicker{font-size:10px}}

/* Category entry uses the existing image tiles and storefront gutters. */
.category-browse-content{margin:20px 32px 40px}
.category-browse-content .section-heading{display:flex;align-items:end;gap:20px;justify-content:space-between;margin-bottom:24px}
.category-browse-content h1{margin:0;font-family:Arial,Helvetica,sans-serif;font-size:clamp(24px,2.5vw,36px);font-weight:800;letter-spacing:-.02em;line-height:1.2}
.category-browse-content .section-heading p{margin:10px 0 0;color:#555;font-size:14px;line-height:1.5}
.category-browse-content .section-heading>.line-link{flex:none;font-size:12px;font-weight:700}
.category-tiles{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin-top:0}
.category-tile{aspect-ratio:4/3}
.category-tile img{object-position:center 28%;transition:transform .3s ease}
.category-tile:hover img{transform:scale(1.025)}
.category-tile:focus-visible{outline:2px solid #111;outline-offset:4px}
.category-tile span{display:flex;justify-content:space-between;align-items:end;gap:12px;bottom:20px;inset-inline:20px;font-size:20px;line-height:1.25}
.category-tile b{flex:none;font-size:22px;font-weight:400}
.catalog-category-return{margin-top:12px;font-size:13px}
.catalog-category-return[hidden]{display:none}
.category-links a[aria-current="page"]{border-color:#111;font-weight:700}
html[dir="rtl"] .category-tile b,html[dir="rtl"] .catalog-category-return span{transform:scaleX(-1)}
@media(max-width:700px){.category-browse-content{margin:16px 14px 28px}.category-browse-content .section-heading{display:block;margin-bottom:20px}.category-browse-content .section-heading>.line-link{display:inline-flex;margin-top:14px}.category-browse-content .section-heading p{font-size:13px}.category-tiles{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.category-tile{aspect-ratio:3/4}.category-tile span{bottom:14px;inset-inline:12px;gap:8px;font-size:14px;line-height:1.3}.category-tile b{font-size:18px}}

/* Measurements sit inside the existing personal styling hero. */
.style-measure-form{width:min(100%,500px);margin-top:1.5rem}
.style-measure-fields{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.style-measure-fields label{display:grid;gap:.45rem;min-width:0;color:var(--ink);font-size:.76rem;font-weight:700;line-height:1.3}
.style-measure-fields label span{display:flex;align-items:baseline;gap:.35rem}
.style-measure-fields small{color:var(--ink-soft);font-size:.7rem;font-weight:400}
.style-measure-fields input{box-sizing:border-box;width:100%;min-width:0;height:46px;padding:0 .8rem;border:1px solid var(--line);border-radius:0;background:#fff;color:var(--ink);font:inherit;font-size:1rem}
.style-measure-fields input:focus-visible{outline:2px solid var(--ink);outline-offset:2px}
.style-measure-form .button{display:inline-flex;align-items:center;justify-content:space-between;gap:1.4rem;max-width:100%;min-height:48px;margin-top:1rem;padding:.8rem 1.1rem;border-radius:0;font-size:.72rem;line-height:1.35;white-space:normal;text-align:start}
@media(max-width:700px){.style-measure-form{margin-top:1.25rem}.style-measure-fields{gap:8px}.style-measure-fields label{font-size:.7rem}.style-measure-fields input{height:44px;padding-inline:.55rem}.style-measure-form .button{width:100%;font-size:.68rem}}


/* Offer manager-assisted fitting and a direct catalog search from the same inputs. */
.style-measure-actions{display:grid;gap:10px;margin-top:1rem}
.style-measure-actions .button{width:100%;margin-top:0;letter-spacing:0}
.style-measure-actions [data-style-catalog]{border:1px solid var(--ink,#222);background:#fff;color:var(--ink,#222)}
.style-measure-actions [data-style-catalog]:hover{background:#f4f4f4}

.fit-problem.fit-problem-full{display:block;margin-inline:0}
.fit-problem-full .fit-problem-answer{padding-inline:clamp(20px,4vw,64px)}
.fit-problem-full .fit-problem-answer h2{margin:0 0 14px;font-size:clamp(20px,1.8vw,26px)}