/* Category designs are scoped per section; default retains the existing theme. */
.category-design-sphere :is(.collection-image,.dynamic-home-category-image){aspect-ratio:1!important;border-radius:50%!important;overflow:hidden}
.category-design-sphere .collection-line-upper>.radius-10{border-radius:0!important}
.category-design-catalogue :is(.collection-image,.dynamic-home-category-image){aspect-ratio:1!important;border-radius:0!important}
.category-design-retail :is(.collection-image,.dynamic-home-category-image){border-radius:10px!important;overflow:hidden}
.category-design-smart :is(.collection-line-upper,.dynamic-home-category){background:var(--theme-box-background,#f5f5f5);border:1px solid var(--line,#eee);text-align:start;overflow:hidden;border-radius:6px}
.category-design-smart :is(.collection-title,.dynamic-home-category-title){display:block;text-align:start!important;padding:16px!important;margin:0!important}
.category-design-elevate :is(.collection-line-upper,.dynamic-home-category){border-radius:8px;overflow:hidden;box-shadow:0 12px 28px rgb(0 0 0 / 9%);background:var(--theme-box-background,#fff)}
.category-design-elevate :is(.collection-title,.dynamic-home-category-title){display:block;text-align:start!important;padding:18px!important;margin:0!important}
.category-design-classic :is(.fashion-grid,.dynamic-home-grid){grid-template-columns:repeat(3,minmax(0,1fr))}
.category-design-classic :is(.fashion-grid,.dynamic-home-grid)>:nth-child(3n+1){grid-column:span 2}
.category-design-classic :is(.collection-image,.dynamic-home-category-image){aspect-ratio:4/3!important;border-radius:0!important}
@media(max-width:767px){.category-design-classic :is(.fashion-grid,.dynamic-home-grid){grid-template-columns:repeat(2,minmax(0,1fr))}.category-design-classic :is(.fashion-grid,.dynamic-home-grid)>:nth-child(3n+1){grid-column:span 2}}
/* Explicit designs must win over the active theme's collection card rules. */
:is(.dynamic-home-section,.fashion-section)[class*="category-design-"]:not(.category-design-default) :is(.dynamic-home-category,.collection-line-upper){position:relative;display:block;isolation:isolate}
:is(.dynamic-home-section,.fashion-section)[class*="category-design-"]:not(.category-design-default) :is(.dynamic-home-category-image,.collection-image)>img{width:100%!important;height:100%!important;object-fit:cover!important;border-radius:inherit!important}
:is(.dynamic-home-section,.fashion-section)[class*="category-design-"]:not(.category-design-default) .dynamic-home-category-title{position:static!important;transform:none!important;width:auto!important;color:inherit;bottom:auto!important;left:auto!important}
:is(.dynamic-home-section,.fashion-section).category-design-retail :is(.dynamic-home-category,.collection-line-upper){background:transparent!important;box-shadow:none!important;border:0!important;border-radius:0!important;overflow:visible!important}
:is(.dynamic-home-section,.fashion-section).category-design-retail :is(.collection-image,.dynamic-home-category-image){aspect-ratio:3/4!important;border-radius:10px!important}
:is(.dynamic-home-section,.fashion-section).category-design-retail :is(.collection-title,.dynamic-home-category-title){display:block;text-align:center!important;padding:14px 0!important;margin:0!important}
:is(.dynamic-home-section,.fashion-section).category-design-smart :is(.dynamic-home-category,.collection-line-upper){border-radius:8px!important;border:0!important;overflow:hidden!important;background:#222!important;box-shadow:none!important}
:is(.dynamic-home-section,.fashion-section).category-design-smart :is(.collection-image,.dynamic-home-category-image){aspect-ratio:4/5!important;border-radius:0!important}
:is(.dynamic-home-section,.fashion-section).category-design-smart :is(.collection-title,.dynamic-home-category-title){position:absolute!important;inset:auto 0 0!important;width:100%!important;box-sizing:border-box;transform:none!important;background:linear-gradient(transparent,rgba(0,0,0,.8))!important;color:#fff!important;padding:50px 20px 20px!important;margin:0!important;text-align:start!important;z-index:2}
.category-design-smart .collection-title h6{color:inherit!important}
:is(.dynamic-home-section,.fashion-section).category-design-catalogue :is(.dynamic-home-category,.collection-line-upper){border:1px solid #ddd!important;border-radius:0!important;box-shadow:none!important;background:var(--theme-background,#fff)!important;overflow:hidden!important}
:is(.dynamic-home-section,.fashion-section).category-design-catalogue :is(.collection-title,.dynamic-home-category-title){display:block;padding:20px 12px!important;margin:0!important;text-align:center!important;text-transform:uppercase;letter-spacing:.08em}
:is(.dynamic-home-section,.fashion-section).category-design-sphere :is(.dynamic-home-category,.collection-line-upper){border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;overflow:visible!important}
:is(.dynamic-home-section,.fashion-section).category-design-sphere :is(.collection-image,.dynamic-home-category-image){aspect-ratio:1!important;border-radius:50%!important}
:is(.dynamic-home-section,.fashion-section).category-design-sphere :is(.collection-title,.dynamic-home-category-title){display:block;text-align:center!important;padding:16px 0!important;margin:0!important}
:is(.dynamic-home-section,.fashion-section).category-design-elevate :is(.dynamic-home-category,.collection-line-upper){border:0!important;border-radius:16px!important;padding:12px!important;box-shadow:0 8px 24px rgba(0,0,0,.16)!important;background:var(--theme-background,#fff)!important;overflow:hidden!important}
:is(.dynamic-home-section,.fashion-section).category-design-elevate :is(.collection-image,.dynamic-home-category-image){aspect-ratio:4/3!important;border-radius:10px!important}
:is(.dynamic-home-section,.fashion-section).category-design-elevate :is(.collection-title,.dynamic-home-category-title){display:block;text-align:start!important;padding:18px 8px 8px!important;margin:0!important}
:is(.dynamic-home-section,.fashion-section).category-design-classic :is(.dynamic-home-category,.collection-line-upper){background:transparent!important;border:0!important;border-radius:0!important;box-shadow:none!important;overflow:hidden!important}
:is(.dynamic-home-section,.fashion-section).category-design-classic :is(.collection-title,.dynamic-home-category-title){display:block;text-align:start!important;padding:16px 0!important;margin:0!important}

/* Optional section typography from the home editor; theme defaults remain when blank. */
:is(.dynamic-home-section,.fashion-section)[style*="--category-name-size"] :is(.collection-title:not(.catalogue-category-button),.collection-title:not(.catalogue-category-button)>span,.collection-title h6,.collection-title-bg,.collection-title-bg>span,.collection-content p,.catalogue-category-heading,.elevate-category-title,.dynamic-home-category-title){font-size:var(--category-name-size)!important}
@media(max-width:767px){
:is(.dynamic-home-section,.fashion-section)[style*="--category-name-"] :is(.collection-title:not(.catalogue-category-button),.collection-title:not(.catalogue-category-button)>span,.collection-title h6,.collection-title-bg,.collection-title-bg>span,.collection-content p,.catalogue-category-heading,.elevate-category-title,.dynamic-home-category-title){font-size:var(--category-name-mobile-size,var(--category-name-size))!important}
}

/* Optional homepage section heading sizes; unset values retain theme typography. */
[data-home-heading][style*="--home-heading-size:"]{font-size:var(--home-heading-size)!important}
@media(max-width:767px){[data-home-heading][style*="--home-heading-mobile-size:"]{font-size:var(--home-heading-mobile-size)!important}}

/* Optional physical text placement for image-overlay category designs. */
[data-category-text-position]{--category-text-align:left;--category-text-items:flex-start;--category-text-justify:flex-end}
[data-category-text-position$="-center"]{--category-text-align:center;--category-text-items:center}
[data-category-text-position$="-right"]{--category-text-align:right;--category-text-items:flex-end}
[data-category-text-position^="top-"]{--category-text-justify:flex-start}
[data-category-text-position^="middle-"]{--category-text-justify:center}
[data-category-text-position] :is(.smart-category-grid .collection-image,.dynamic-pro-categories .collection-inner,.collection-item-v5 .collection-inner){position:relative}
:is(.dynamic-smart-categories,.dynamic-pro-categories,.dynamic-classic-categories,.smart-pro-category-section,.catalogue-category-section)[data-category-text-position] :is(.collection-content:not(.catalogue-category-content .collection-content),.smart-pro-category-copy,.catalogue-category-overlay){position:absolute!important;inset:0!important;width:100%!important;height:100%!important;box-sizing:border-box;display:flex!important;flex-direction:column!important;justify-content:var(--category-text-justify)!important;align-items:var(--category-text-items)!important;text-align:var(--category-text-align)!important;transform:none!important;padding:18px!important;margin:0!important;pointer-events:none;z-index:3}
[data-category-text-position] :is(.collection-content,.smart-pro-category-copy,.catalogue-category-overlay)>*{pointer-events:auto;max-width:100%}
[data-category-text-position] :is(.collection-title-bg,.collection-title){width:auto!important;text-align:var(--category-text-align)!important}
[data-category-text-position] .collection-content .bottom{width:auto!important;max-width:100%}
[data-category-text-position] .catalogue-category-content{margin:0!important;padding:0!important;width:100%;max-width:none;display:flex;flex-direction:column;align-items:var(--category-text-items);text-align:var(--category-text-align)}
[data-category-text-position] .catalogue-category-content .collection-content{position:static!important;inset:auto!important;width:auto!important;height:auto!important;display:flex!important;justify-content:var(--category-text-items)!important;transform:none!important;margin:0!important;padding:0!important}
[data-category-text-position] .catalogue-category-heading{text-align:var(--category-text-align)!important}
/* React Smart cards share the same overlay placement. */
.fashion-collections.dynamic-smart-categories[data-category-text-position] .collection-content{position:absolute!important;inset:0!important;display:flex!important;flex-direction:column!important;justify-content:var(--category-text-justify)!important;align-items:var(--category-text-items)!important;width:100%!important;height:100%!important;padding:18px!important;box-sizing:border-box;transform:none!important;text-align:var(--category-text-align)!important}

/* Left and right are physical choices, including on Arabic storefronts. */
:is(.dynamic-smart-categories,.dynamic-pro-categories,.dynamic-classic-categories,.smart-pro-category-section,.catalogue-category-section)[data-category-text-position] :is(.collection-content,.smart-pro-category-copy,.catalogue-category-overlay,.catalogue-category-content){direction:ltr!important}
[dir=rtl] [data-category-text-position] :is(.smart-pro-category-title,.smart-pro-category-cta,.collection-title,.collection-title-bg,.collection-content p,.smart-category-cta,.catalogue-category-heading,.catalogue-category-button){direction:rtl}

/* Per-section image overrides take priority over theme proportions. */
[data-category-image-size="custom"] :is(.collection-image,.dynamic-home-category-image,.elevate-category-image,.tf-banner-collection,.smart-pro-category-card){aspect-ratio:var(--category-section-image-ratio)!important;height:auto!important;min-height:0!important;display:block}
[data-category-image-size="custom"] :is(.collection-image,.dynamic-home-category-image,.elevate-category-image,.tf-banner-collection) img{display:block;width:100%!important;height:100%!important;min-height:0!important;object-fit:cover!important;aspect-ratio:var(--category-section-image-ratio)!important}
[data-category-image-size="custom"] .tf-banner-collection>.w-100{height:100%}
[data-category-image-size="custom"] .collection-item-v5 .collection-inner{height:auto}
/* Sphere remains circular while using the selected image rendition. */
:is(.dynamic-sphere-categories,.category-design-sphere)[data-category-image-size="custom"] :is(.collection-image,.dynamic-home-category-image,.collection-image img,.dynamic-home-category-image img){aspect-ratio:1!important}

[data-category-image-size="custom"] .collection-image.radius-50,[data-category-image-size="custom"] .collection-image.radius-50 img{aspect-ratio:1!important}

/* Explicit category button variants use the admin button palette. */
[data-home-section][data-category-button-style], [data-section-id][data-category-button-style]{--category-button-edge:var(--theme-button-background,#111);--category-button-ink:var(--theme-button-text,#fff);--category-button-fill:var(--theme-button-background,#111)}
[data-home-section][data-category-button-style="outline"], [data-section-id][data-category-button-style="outline"]{--category-button-fill:transparent;--category-button-edge:var(--theme-button-text,#fff)}
:is([data-home-section],[data-section-id])[data-category-button-style] :is(.smart-category-cta,.smart-pro-category-cta,.collection-title-bg,.catalogue-category-button,.collection-item-v5 .collection-title),
:is([data-home-section],[data-section-id])[data-category-button-style] :is(.smart-category-cta,.smart-pro-category-cta,.collection-title-bg,.catalogue-category-button,.collection-item-v5 .collection-title):is(:hover,:focus-visible){display:inline-flex!important;align-items:center;justify-content:center;box-sizing:border-box;background:var(--category-button-fill)!important;color:var(--category-button-ink)!important;border:1px solid var(--category-button-edge)!important;box-shadow:none!important}
:is([data-home-section],[data-section-id])[data-category-button-style="solid"] :is(.smart-category-cta,.smart-pro-category-cta,.collection-title-bg,.catalogue-category-button,.collection-item-v5 .collection-title){border-color:var(--theme-button-background,#111)!important}
:is([data-home-section],[data-section-id])[data-category-button-style] :is(.smart-category-cta,.smart-pro-category-cta,.collection-title-bg,.catalogue-category-button,.collection-item-v5 .collection-title)>span{color:inherit!important}
:is([data-home-section],[data-section-id])[data-category-button-style] :is(.collection-title-bg,.catalogue-category-button,.collection-item-v5 .collection-title)::before{display:none!important}
.fashion-collections[data-category-button-style] .smart-category-cta{padding:10px 14px;min-height:34px;line-height:1.2;border-radius:var(--site-button-radius,8px);font-size:13px}