/* Shared market entrances and compact Moda cards; approved pattern product details are unchanged. */
.portal-preview #main>.container.moda-collection{width:100%;max-width:1380px;margin-inline:auto;padding:28px 32px 64px}
.moda-collection .breadcrumbs{font-size:11px;line-height:1.4;margin:0 0 10px}
.moda-collection-heading{margin:0 0 18px}
.portal-preview .moda-collection-heading h1{font:400 28px/1.2 Georgia,'Times New Roman',serif;letter-spacing:-.02em;margin:0;overflow-wrap:anywhere}
.moda-collection>.grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:22px 16px;max-width:none}
.moda-collection>.site-categories-grid{margin-bottom:20px}
.moda-product-card{display:flex;flex-direction:column;min-width:0;overflow:hidden;cursor:pointer;border:1px solid #e5ded3;border-radius:16px;background:white}
.moda-product-card:focus-within{outline:2px solid #a77948;outline-offset:3px}
.portal-preview .moda-product-card .moda-card-image{display:block;aspect-ratio:auto;border-radius:0 0 12px 12px;overflow:hidden;background:#e9e3d9}
.moda-card-photo{display:block;aspect-ratio:4/5;width:100%;overflow:hidden;background:#e9e3d9}
.moda-card-photo>img,.moda-card-photo>picture,.moda-card-photo>picture>img{display:block;width:100%;height:100%;object-fit:contain}
.portal-preview .moda-card-photo img{background:#e9e3d9}
.moda-product-card .moda-card-unit{position:absolute;inset-inline:0;bottom:0;display:block;padding:5px 6px;min-height:27px;background:#e0e8dd;color:#375443;text-align:center;font-size:11px;font-weight:600;line-height:1.45}
.moda-product-card .product-body{display:flex;flex-direction:column;flex:1;gap:6px;padding:11px 12px 14px}
.moda-product-card .market-product-title{font-size:14px;line-height:1.4;min-height:0;margin:0}
.moda-product-card .product-shipping{font-size:11px;line-height:1.45;min-height:0;margin:0;color:#375b43;font-variant-numeric:tabular-nums}
.moda-product-card .product-social{margin:0}
.moda-product-card .product-social:not(:has(.product-rating>*)){display:none}
.moda-product-card .product-body>.meta,.moda-product-card .product-body>.btn{display:none}
.moda-product-card .product-body>.row{display:flex;flex-wrap:wrap;align-items:baseline;gap:5px;margin-top:auto;padding-top:4px}
.moda-product-card .price{font-size:18px;font-weight:700;color:#b95118;line-height:1.4}
.moda-product-card .price small{font-size:10px;font-weight:400;color:#6e655a}
.moda-product-card .tag{font-size:9px;line-height:1.3;padding:3px 5px;min-height:0}
.moda-product-card .moda-demo-stock{display:none}
.moda-collection .filters{margin:0 0 18px;padding:12px;gap:10px}
.moda-collection .filters label{font-size:11px}
.moda-collection .filters input,.moda-collection .filters button{min-height:38px;font-size:12px;padding:8px 10px}
.market-screen-reader-title{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip-path:inset(50%);white-space:nowrap}
.atelier-patterns .atelier-intro.shared-market-search{display:block;margin:0 0 24px;padding:0;border:0}
.shared-market-search .live-search-field{min-height:44px;border-radius:6px;background:#fffdf9}
.atelier-patterns .shared-market-search .live-search-field>input{min-height:44px;padding:11px 0;font-size:12px}
@media(min-width:761px){
 body:has(.moda-collection) .atelier-header{max-width:1380px;padding-inline:32px;display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);gap:20px}
 body:has(.moda-collection) .atelier-header .atelier-world-tabs{justify-self:center}
 body:has(.moda-collection) .atelier-header .tools{justify-self:end}
}
@media(min-width:1024px){
 .moda-collection>.grid{grid-template-columns:repeat(5,minmax(0,1fr))}
 .moda-product-card .market-product-title{min-height:4.2em}
 .moda-product-card .product-shipping{min-height:2.8em}
}
@media(max-width:760px){
 .portal-preview #main>.container.moda-collection,.portal-preview #main>.container.storefront-collection{padding:20px 4% 40px}
 .moda-collection .breadcrumbs{font-size:10px;margin-bottom:10px}
 .portal-preview .moda-collection-heading h1{font-size:26px}
 .moda-collection-heading{margin-bottom:16px}
 .moda-collection>.grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 10px}
 .moda-card-photo{max-height:230px}
 .moda-product-card .product-body{padding:9px 10px 10px;gap:6px}
 .moda-product-card .market-product-title{font-size:12px;line-height:1.4}
 .moda-product-card .price{font-size:16px}
 .atelier-patterns .atelier-intro.shared-market-search{margin-bottom:22px}
}
@media(max-width:400px){
 body:has(.moda-collection,.atelier-patterns) .atelier-header{grid-template-columns:minmax(0,1fr) auto;padding-inline:10px;gap:0 6px;direction:ltr}
 body:has(.moda-collection,.atelier-patterns) .atelier-header .atelier-brand{font-size:17px;letter-spacing:.07em}
 body:has(.moda-collection,.atelier-patterns) .atelier-header .tools{gap:0;direction:ltr}
 body:has(.moda-collection,.atelier-patterns) .atelier-header .tools a{width:30px;min-width:30px;min-height:36px;padding:6px}
 body:has(.moda-collection,.atelier-patterns) .atelier-header .tools .icon{width:17px;height:17px}
 body:has(.moda-collection,.atelier-patterns) .atelier-header .atelier-world-tabs{min-width:0;gap:18px}
 body:has(.moda-collection,.atelier-patterns) .atelier-header .atelier-world-tabs a{font-size:11px}
 .atelier-patterns .atelier-category-copy{padding:11px 7px}
 .atelier-patterns .atelier-category-copy h3{font-size:16px}
}
.atelier-market.moda-boutique{max-width:1640px;padding:24px 4.2% 48px;margin-inline:auto;color:#352f28}
.moda-boutique .moda-eyebrow{display:block;font:600 10px/1.4 'Segoe UI',Arial,sans-serif;letter-spacing:.17em;margin:0 0 9px;color:#996b46}
.moda-hero{display:grid;grid-template-columns:42% 58%;min-height:290px;border-radius:14px;overflow:hidden;background:#123d32;isolation:isolate}
.moda-hero-copy{position:relative;z-index:1;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;padding:30px 36px;color:#fffaf0}
.moda-hero-copy .moda-eyebrow{color:#d3bd94;font-size:9px;letter-spacing:.2em}
.portal-preview .moda-hero h1{font:400 clamp(29px,3.1vw,46px)/1.08 Georgia,'Times New Roman',serif;letter-spacing:-.025em;color:#fffdf4;margin:2px 0 15px}
.portal-preview .moda-hero h2{font:400 clamp(18px,1.7vw,27px)/1.25 Georgia,'Times New Roman',serif;letter-spacing:-.015em;color:#eee3ca;margin:0 0 10px;max-width:340px}
.moda-hero-note{font-size:12px;line-height:1.7;color:#d8e2d9;max-width:340px;margin:0 0 20px}
.moda-boutique .moda-explore{display:inline-flex;align-items:center;gap:22px;min-height:42px;padding:11px 17px;border:1px solid #f4e7d0;background:#f4e7d0;border-radius:5px;color:#23483b;font-size:12px;font-weight:600;box-shadow:none}
.moda-boutique .moda-explore:hover{background:#fff7e8;border-color:#fff7e8}
.moda-hero-photo{position:relative;min-width:0;min-height:0;background:#314134}
.moda-hero-photo>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 48%}
.moda-hero-photo:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#123d3238,transparent 35%)}
.moda-hero-photo>span{position:absolute;z-index:1;bottom:20px;inset-inline-end:24px;padding:7px 12px;background:#14352dcc;backdrop-filter:blur(8px);border:1px solid #fff3;border-radius:3px;color:#fff7e8;font-size:10px;letter-spacing:.07em}
.moda-search-row{display:grid;grid-template-columns:auto minmax(240px,1fr);align-items:center;gap:40px;margin:18px 0 30px;padding:16px 22px;border:1px solid #e7ded1;border-radius:9px;background:#fffdf9}
.moda-search-copy .moda-eyebrow{font-size:8px;margin-bottom:4px}.moda-search-copy strong{font:400 18px/1.3 Georgia,serif;color:#494236}
.moda-search-row .atelier-search{width:100%;max-width:710px;justify-self:end}
.moda-search-row .live-search>label,.moda-search-row .search-status{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip-path:inset(50%);white-space:nowrap}
.moda-search-row .live-search-field{border-radius:6px;background:#f6f4ee;border:1px solid #e4dfd3;box-shadow:none}
.moda-search-row .live-search-field>input{min-width:0;padding:11px 0;min-height:43px;font-size:12px}
.moda-search-row .live-search-results{max-height:390px;overflow-y:auto;background:#fff;box-shadow:0 15px 30px #233c2920;z-index:25}
.moda-directory{scroll-margin-top:115px;outline:none}
.moda-section-head{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:0 0 17px}
.moda-section-head .moda-eyebrow{font-size:8px;margin-bottom:5px}
.portal-preview .moda-section-head h2{font:400 26px/1.2 Georgia,'Times New Roman',serif;letter-spacing:-.025em;margin:0;color:#40372e}
.moda-section-head>a{display:flex;align-items:center;gap:11px;min-height:44px;font-size:11px;color:#806140}
.moda-boutique .moda-category-grid{display:grid;grid-template-columns:repeat(10,minmax(0,1fr));gap:17px 12px;align-items:stretch}
.moda-category{display:flex;flex-direction:column;min-width:0;text-align:center;padding:0 0 4px;border-radius:9px;color:#40392f;text-decoration:none;transition:color .2s}
.moda-category-photo{display:block;position:relative;aspect-ratio:1;overflow:hidden;border:1px solid #e7ded2;border-radius:10px;background:#fff;transition:border-color .2s,box-shadow .2s,transform .2s}
.moda-category-photo>img,.moda-category-photo>picture,.moda-category-photo>picture>img{display:block;width:100%;height:100%;object-fit:contain;background:#fff}
.moda-category-photo>img,.moda-category-photo>picture>img{padding:7px}
.moda-category-photo .category-symbol{width:100%;height:100%;display:grid;place-items:center;color:#9f8768;background:#f1ece3}
.moda-category-name{display:block;font-size:12px;font-weight:600;line-height:1.35;margin-top:9px;padding:0 1px;overflow-wrap:anywhere}
.moda-category:hover{color:#9d5c2d}.moda-category:hover .moda-category-photo{border-color:#b79269;box-shadow:0 5px 16px #63451d14;transform:translateY(-3px)}
.moda-category:focus-visible{outline:2px solid #1c6b51;outline-offset:4px}
.moda-category.is-soon{opacity:.65}.moda-soon{position:absolute;inset-inline:3px;bottom:6px;padding:3px 2px;background:#174b3ce8;border-radius:3px;color:white;font-size:9px}
.moda-empty{grid-column:1/-1}
.moda-assistant-band{display:flex;align-items:center;gap:17px;padding:18px 22px;margin:30px 0 32px;background:#eee9df;border:1px solid #e1d5c4;border-radius:8px}
.moda-assistant-symbol{display:grid;place-items:center;flex:none;width:45px;height:45px;border:1px solid #c7b497;border-radius:50%;color:#8b633c;background:#fffcf5}
.moda-assistant-symbol>.icon{width:22px;height:22px;stroke-width:1.3}
.portal-preview .moda-assistant-band h2{font:400 22px/1.25 Georgia,serif;letter-spacing:-.02em;margin:0 0 4px;color:#493a2a}
.moda-assistant-band p{font-size:12px;line-height:1.5;margin:0;color:#786b5c}
.moda-assistant-band>button{display:flex;align-items:center;gap:17px;margin-inline-start:auto;flex:none;min-height:43px;padding:10px 16px;background:#174b3c;border:1px solid #174b3c;border-radius:5px;color:#fffaf0;font-size:12px}
.moda-assistant-band>button:hover{background:#0e382c}
.moda-boutique .market-shelf .spot-card{border-radius:9px}.moda-boutique .market-track{gap:14px}.moda-boutique .spot-photo{background:#f3efe7}
[dir="rtl"] .moda-boutique .moda-eyebrow{letter-spacing:0}
[dir="rtl"] .moda-hero-photo:after{background:linear-gradient(270deg,#123d3238,transparent 35%)}
[dir="rtl"] .moda-boutique svg:not(.icon){transform:scaleX(-1)}
@media(max-width:1000px){
 .moda-hero-copy{padding:25px}.moda-search-row{gap:24px}.moda-boutique .moda-category-grid{gap:15px 8px}.moda-category-name{font-size:11px}.moda-category-photo>img,.moda-category-photo>picture>img{padding:5px}
}
@media(max-width:900px){
 .moda-boutique .moda-category-grid{grid-template-columns:repeat(5,minmax(0,1fr))}
}
@media(max-width:600px){
 .atelier-market.moda-boutique{padding:12px 12px 32px}
 .moda-hero{min-height:205px;grid-template-columns:58% 42%;border-radius:10px}
 .moda-hero-copy{padding:20px 16px}.moda-hero-copy .moda-eyebrow{font-size:7px;letter-spacing:.11em;margin-bottom:7px}
 .portal-preview .moda-hero h1{font-size:28px;margin:0 0 10px}.portal-preview .moda-hero h2{font-size:17px;line-height:1.25;margin-bottom:9px}
 .moda-hero-note{font-size:10px;line-height:1.6;margin-bottom:13px}
 .moda-boutique .moda-explore{min-height:36px;padding:8px 10px;gap:9px;font-size:10px}.moda-boutique .moda-explore svg{width:17px}
 .moda-hero-photo>img{object-position:55% 50%}.moda-hero-photo>span{display:none}
 .moda-search-row{display:block;margin:11px 0 22px;padding:0;border:0;background:transparent}.moda-search-copy{display:none}
 .moda-search-row .live-search-field{background:#fffdf9;padding:0 11px}.moda-search-row .live-search-field>input{min-height:44px;font-size:11px}
 .moda-section-head{gap:10px;margin-bottom:12px}.moda-section-head .moda-eyebrow{font-size:7px;letter-spacing:.12em}
 .portal-preview .moda-section-head h2{font-size:22px}.moda-section-head>a{font-size:10px;gap:6px}.moda-section-head>a svg{width:17px}
 .moda-boutique .moda-category-grid{gap:14px 7px}.moda-category-photo{border-radius:8px}.moda-category-photo>img,.moda-category-photo>picture>img{padding:3px}
 .moda-category-name{font-size:10px;line-height:1.3;margin-top:7px;font-weight:600}
 .moda-assistant-band{gap:11px;padding:15px 13px;margin:24px 0;flex-wrap:wrap}.moda-assistant-symbol{width:36px;height:36px}
 .moda-assistant-band>div:nth-child(2){flex:1;min-width:0}.portal-preview .moda-assistant-band h2{font-size:20px}.moda-assistant-band p{font-size:10px}
 .moda-assistant-band>button{min-height:40px;font-size:11px;padding:8px 13px}
 .moda-directory{scroll-margin-top:125px}
}
@media(max-width:400px){
 body[data-market-world="moda"] .atelier-header{grid-template-columns:minmax(0,1fr) auto;gap:8px;padding-inline:12px}
 body[data-market-world="moda"] .atelier-header .atelier-brand{font-size:clamp(16px,5.2vw,21px);letter-spacing:.07em}
 body[data-market-world="moda"] .atelier-world-tabs{gap:18px;min-width:0}
 body[data-market-world="moda"] .atelier-world-tabs a{font-size:11px;text-align:center}
}
@media(max-width:350px){.moda-hero-copy{padding:17px 12px}.portal-preview .moda-hero h1{font-size:25px}.moda-boutique .moda-category-grid{column-gap:5px}.moda-category-name{font-size:9px}.moda-section-head>a{font-size:9px;gap:3px}}
@media(prefers-reduced-motion:reduce){.moda-category,.moda-category-photo{transition:none}.moda-category:hover .moda-category-photo{transform:none}}
/* Identical navigation and search controls after either entrance door. */
.atelier-market.pattern-boutique{max-width:1640px;padding:24px 4.2% 48px;margin-inline:auto;color:#352f28}
.pattern-boutique .moda-eyebrow{display:block;font:600 10px/1.4 'Segoe UI',Arial,sans-serif;letter-spacing:.17em;margin:0 0 9px;color:#996b46}
.pattern-boutique .moda-hero-copy .moda-eyebrow{color:#d3bd94;font-size:9px;letter-spacing:.2em}
.pattern-boutique .moda-explore{display:inline-flex;align-items:center;gap:22px;min-height:42px;padding:11px 17px;border:1px solid #f4e7d0;background:#f4e7d0;border-radius:5px;color:#23483b;font-size:12px;font-weight:600;box-shadow:none}
.pattern-boutique .moda-explore:hover{background:#fff7e8;border-color:#fff7e8}
.pattern-boutique .moda-explore svg{width:25px;height:16px;fill:none;stroke:currentColor;stroke-width:1.2}
.pattern-hero .moda-hero-photo{background:#f4f1e8}
.pattern-hero .moda-hero-photo>img{object-fit:cover;object-position:center}
@media(min-width:901px){
 .pattern-hero .moda-hero-photo{background:#e4dacf}
 .pattern-hero .moda-hero-photo>img{object-fit:contain}
}
.pattern-hero .moda-hero-photo:after{background:linear-gradient(90deg,#123d3220,transparent 35%)}
.pattern-boutique #pattern-categories{scroll-margin-top:125px;outline:none}
[dir="rtl"] .pattern-boutique .moda-eyebrow{letter-spacing:0}
[dir="rtl"] .pattern-hero .moda-hero-photo:after{background:linear-gradient(270deg,#123d3220,transparent 35%)}
[dir="rtl"] .pattern-boutique .moda-explore svg{transform:scaleX(-1)}
@media(max-width:600px){
 .atelier-market.pattern-boutique{padding:12px 4% 32px}
 .pattern-boutique .moda-hero-copy .moda-eyebrow{font-size:7px;letter-spacing:.11em;margin-bottom:7px}
 .pattern-boutique .moda-explore{min-height:36px;padding:8px 10px;gap:9px;font-size:10px}
 .pattern-boutique .moda-explore svg{width:17px}
}
@media(max-width:900px){
 .portal-preview .moda-boutique .moda-category-grid,.portal-preview .atelier-patterns .atelier-category-grid[data-category-size],.portal-preview .atelier-patterns .atelier-category-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px 9px}
 .atelier-market.moda-boutique,.atelier-market.atelier-patterns{padding-inline:4%}
 .atelier-patterns .atelier-category-grid .atelier-category{border:0;border-radius:9px;background:transparent;box-shadow:none;padding:0 0 4px;text-align:center;overflow:visible}
 .atelier-patterns .atelier-category-grid .atelier-category-art{aspect-ratio:1;height:auto;margin:0;border:1px solid #e7ded2;border-radius:8px;background:#fff;overflow:hidden}
 .atelier-patterns .atelier-category-grid .atelier-category-art>img{display:block;width:100%;height:100%;padding:3px;object-fit:contain;background:#fff}
 .atelier-patterns .atelier-category-grid .atelier-category-copy{display:block;min-height:0;flex:0 0 auto;border:0;background:transparent;padding:0 1px;margin-top:7px}
 .atelier-patterns .atelier-category-grid .atelier-category-copy:after{display:none}
 .atelier-patterns .atelier-category-grid .atelier-category-copy h3,.moda-boutique .moda-category-name{font:600 11px/1.35 'Segoe UI',Arial,sans-serif;letter-spacing:0;overflow-wrap:normal;margin:0;color:#40392f}
 .moda-boutique .moda-category-name{margin-top:7px;padding-inline:1px}
 .atelier-patterns .atelier-category-grid .category-soon-badge{font-size:9px;line-height:1.3;padding:4px 6px!important;box-shadow:none}
}
body .moda-search-row .live-search-field>input,body .atelier-patterns .shared-market-search .live-search-field>input{height:44px;min-height:44px;padding:11px 0;font-family:'Segoe UI',Arial,sans-serif;font-size:12px;font-weight:400;line-height:20px;letter-spacing:normal}
/* Both entrances share one category heading, including its small descriptive line. */
.portal-preview .atelier-market .moda-section-head{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:0 0 17px}
.portal-preview .atelier-market .moda-section-head .moda-eyebrow{font:600 8px/1.4 'Segoe UI',Arial,sans-serif;letter-spacing:.17em;margin:0 0 5px;color:#996b46}
.portal-preview .atelier-market .moda-section-head h2{font:400 26px/1.2 Georgia,'Times New Roman',serif;letter-spacing:-.025em;margin:0;color:#40372e}
.portal-preview .atelier-market .moda-section-head>a{display:flex;align-items:center;gap:11px;min-height:44px;font:400 11px/1.4 'Segoe UI',Arial,sans-serif;color:#806140}
[dir="rtl"] .atelier-market .moda-section-head .moda-eyebrow{letter-spacing:0}
[dir="rtl"] .pattern-boutique .moda-section-head>a svg{transform:scaleX(-1)}
@media(max-width:600px){
 .portal-preview .atelier-market .moda-section-head{gap:10px;margin-bottom:12px}
 .portal-preview .atelier-market .moda-section-head .moda-eyebrow{font-size:7px;letter-spacing:.12em}
 .portal-preview .atelier-market .moda-section-head h2{font-size:22px}
 .portal-preview .atelier-market .moda-section-head>a{font-size:10px;gap:6px}
 .portal-preview .atelier-market .moda-section-head>a svg{width:17px}
}
@media(max-width:400px){
 body:has(.moda-boutique,.atelier-patterns,.moda-collection,.storefront-collection) .atelier-header{grid-template-columns:minmax(0,1fr) auto;padding-inline:10px;gap:0 6px;direction:ltr}
 body:has(.moda-boutique,.atelier-patterns,.moda-collection,.storefront-collection) .atelier-header .atelier-brand{font-size:17px;letter-spacing:.07em}
 body:has(.moda-boutique,.atelier-patterns,.moda-collection,.storefront-collection) .atelier-header .tools{gap:0;direction:ltr}
 body:has(.moda-boutique,.atelier-patterns,.moda-collection,.storefront-collection) .atelier-header .tools a{width:30px;min-width:30px;min-height:36px;padding:6px}
 body:has(.moda-boutique,.atelier-patterns,.moda-collection,.storefront-collection) .atelier-header .tools .icon{width:17px;height:17px}
}

/* Compact Moda entrance banner: preserve content and image proportions. */
.moda-boutique .moda-hero{min-height:145px}
.moda-boutique .moda-hero-copy{padding:10px 18px}
.moda-boutique .moda-hero-copy .moda-eyebrow{font-size:7px;line-height:1.2;margin:0 0 3px}
.portal-preview .moda-boutique .moda-hero h1{font-size:24px;line-height:1.08;margin:0 0 4px}
.portal-preview .moda-boutique .moda-hero h2{font-size:14px;line-height:1.2;margin:0 0 4px}
.moda-boutique .moda-hero-note{font-size:10px;line-height:1.3;margin:0 0 6px}
.moda-boutique .moda-hero .moda-explore{min-height:28px;padding:5px 10px;font-size:10px;gap:12px}
.moda-boutique .moda-hero-photo>span{bottom:10px;inset-inline-end:12px;padding:4px 7px;font-size:9px}
@media(max-width:600px){
 .moda-boutique .moda-hero{min-height:130px}
 .moda-boutique .moda-hero-copy{padding:8px 12px}
 .portal-preview .moda-boutique .moda-hero h1{font-size:21px}
 .portal-preview .moda-boutique .moda-hero h2{font-size:13px}
 .moda-boutique .moda-hero-note{font-size:9px}
}

/* Matching compact Kalip Market banner. */

.pattern-boutique .moda-hero{min-height:145px}
.pattern-boutique .moda-hero-copy{padding:10px 18px}
.pattern-boutique .moda-hero-copy .moda-eyebrow{font-size:7px;line-height:1.2;margin:0 0 3px}
.portal-preview .pattern-boutique .moda-hero h1{font-size:24px;line-height:1.08;margin:0 0 4px}
.portal-preview .pattern-boutique .moda-hero h2{font-size:14px;line-height:1.2;margin:0 0 4px}
.pattern-boutique .moda-hero-note{font-size:10px;line-height:1.3;margin:0 0 6px}
.pattern-boutique .moda-hero .moda-explore{min-height:28px;padding:5px 10px;font-size:10px;gap:12px}
.pattern-boutique .moda-hero-photo>span{bottom:10px;inset-inline-end:12px;padding:4px 7px;font-size:9px}
@media(max-width:600px){
 .pattern-boutique .moda-hero{min-height:130px}
 .pattern-boutique .moda-hero-copy{padding:8px 12px}
 .portal-preview .pattern-boutique .moda-hero h1{font-size:21px}
 .portal-preview .pattern-boutique .moda-hero h2{font-size:13px}
 .pattern-boutique .moda-hero-note{font-size:9px}
}

/* Keep the entire pattern visible in the compact banner at every width. */
.pattern-boutique .pattern-hero .moda-hero-photo{background:#e4dacf}
.pattern-boutique .pattern-hero .moda-hero-photo>img{object-fit:contain;object-position:center}

/* Square material showcase covers; preserve the complete product artwork. */
.atelier-moda .market-shelf .spot-photo{aspect-ratio:1/1;height:auto;align-self:center}
.atelier-moda .market-shelf .spot-photo>img{object-fit:contain;aspect-ratio:1/1;background:#fffdfa}