/* Saturated identity surfaces, with light reading areas and theme-aware artwork. */
body[data-theme=floresta]{--identity:#08734f;--identity-end:#07815a;--identity-deep:#064832;--identity-soft:#dbf3e5;--identity-light:#8ee6b3}
body[data-theme=oceano]{--identity:#075db0;--identity-end:#0675a7;--identity-deep:#073967;--identity-soft:#dcedff;--identity-light:#8edcff}
body[data-theme=terracota]{--identity:#ae432a;--identity-end:#b64e2a;--identity-deep:#682919;--identity-soft:#ffe6d7;--identity-light:#ffbe86}
body[data-theme=grafite]{--identity:#51426d;--identity-end:#79618c;--identity-deep:#30283f;--identity-soft:#ece4f7;--identity-light:#d1b8ef}
body[data-theme]{--green:var(--identity);--hover:var(--identity-end);--hero:var(--identity-deep);--hero-end:var(--identity);--action-start:var(--identity);--action-end:var(--identity-end);--card-action:var(--identity);--card-action-end:var(--identity-end);--accent:var(--identity);--soft:var(--identity-soft);--line:color-mix(in srgb,var(--identity) 21%,#fff);--metal:var(--identity-light);--card-tint:color-mix(in srgb,var(--identity) 10%,var(--white))}
html[data-appearance=dark] body[data-theme]{--green:var(--identity);--hover:var(--identity-end);--accent:var(--identity-light);--metal:var(--identity-light);--soft:color-mix(in srgb,var(--identity) 24%,var(--white));--line:color-mix(in srgb,var(--identity-light) 28%,var(--white));--card-tint:color-mix(in srgb,var(--identity) 20%,var(--white))}
body[data-theme] .site-header,html[data-appearance=dark] body[data-theme] .site-header{background:linear-gradient(110deg,var(--identity-deep),var(--identity) 65%,var(--identity-end));border-top:0;box-shadow:0 7px 24px color-mix(in srgb,var(--identity-deep) 22%,transparent)}
body[data-theme] header .brand,body[data-theme] header .brand>span,body[data-theme] header .brand small,body[data-theme] .header-account,body[data-theme] .header-favorites,body[data-theme] .header-favorites b,body[data-theme] .theme-toggle{color:#fff}
body[data-theme] .theme-toggle{border-color:#ffffff55;background:#ffffff12}
body[data-theme] header .search{background:#fff;border-color:#fff;color:var(--identity-deep)}
body[data-theme] header .search input{color:var(--identity-deep)}
body[data-theme] header .search input::placeholder{color:#52636b;opacity:1}
body[data-theme] header .search>svg{color:var(--identity)}
body[data-theme] header .cart-button{background:#ffffff18;border:1px solid #ffffff66;box-shadow:none;color:#fff}
body[data-theme] header .cart-button small{color:#eef8ff}
body[data-theme] .header-navigation,html[data-appearance=dark] body[data-theme] .header-navigation{background:var(--identity-deep);border-color:#ffffff20}
body[data-theme] .header-navigation button,body[data-theme] .header-navigation-note,body[data-theme] .header-navigation-note>span,body[data-theme] .header-navigation button svg{color:#fff}
body[data-theme] .header-navigation button b{background:#ffffff20;color:#fff}
body[data-theme] .header-navigation button:hover,body[data-theme] .header-navigation button[aria-pressed=true],html[data-appearance=dark] body[data-theme] .header-navigation button:hover{background:#ffffff20;color:#fff}
body[data-theme] .shop-selector{border-bottom:2px solid var(--line)}
body[data-theme] .shop-location-icon,html[data-appearance=dark] body[data-theme] .shop-location-icon{background:var(--identity);color:#fff;border-color:var(--identity)}
body[data-theme] .catalog-heading{position:relative;overflow:hidden;padding:23px 25px;margin-bottom:20px;border-radius:18px;background:linear-gradient(115deg,var(--identity-deep),var(--identity),var(--identity-end));box-shadow:0 8px 20px color-mix(in srgb,var(--identity) 13%,transparent)}
body[data-theme] .catalog-heading::after{content:"";position:absolute;pointer-events:none;width:210px;height:210px;right:-30px;top:-95px;border:1px solid #ffffff30;border-radius:50%;box-shadow:0 0 0 24px #ffffff08,0 0 0 49px #ffffff06}
body[data-theme] .catalog-heading h2,body[data-theme] .catalog-heading .eyebrow,body[data-theme] .catalog-heading #results{color:#fff}
body[data-theme] .category.active{background:linear-gradient(115deg,var(--identity),var(--identity-end));border-left-color:var(--identity-light);box-shadow:0 6px 18px color-mix(in srgb,var(--identity) 24%,transparent)}
body[data-theme] .catalog-toolbar{border-top:3px solid var(--identity)}
body[data-theme] .products .product,html[data-appearance=dark] body[data-theme] .products .product{--art-a:var(--identity);--art-b:var(--identity-end);border-color:var(--line)}
body[data-theme] .products .product:nth-child(3n+2),html[data-appearance=dark] body[data-theme] .products .product:nth-child(3n+2){--art-a:var(--identity-end);--art-b:var(--identity)}
body[data-theme] .products .product .product-visual,body[data-theme] .products .product .product-visual:has(.product-photo),html[data-appearance=dark] body[data-theme] .products .product .product-visual:has(.product-photo){--art-a:var(--identity);--art-b:var(--identity-end);background:linear-gradient(140deg,var(--identity-deep),var(--art-a) 58%,var(--art-b))}
body[data-theme] .products .product:nth-child(3n+2) .product-visual{background:linear-gradient(150deg,var(--identity),var(--identity-end))}
body[data-theme] .products .product .product-visual::before{background:linear-gradient(145deg,color-mix(in srgb,var(--identity-light) 35%,#fff),#ffffffef);box-shadow:0 10px 30px #00000012,inset 0 0 0 1px #ffffff50}
body[data-theme] .products .product .product-visual::after{border-color:#ffffff50;box-shadow:0 0 0 13px #ffffff0b,0 0 0 27px #ffffff08}
body[data-theme] .products .product .placeholder-icon,html[data-appearance=dark] body[data-theme] .products .product .placeholder-icon{background:#fff;color:var(--identity);border-color:#ffffffa0;box-shadow:0 12px 23px color-mix(in srgb,var(--identity-deep) 22%,transparent)}
body[data-theme] .products .product .placeholder-label{color:var(--identity-deep);font-weight:600}
body[data-theme] .products .product .visual-note{color:#fff;text-shadow:0 1px 2px #0004}
body[data-theme] .products .product .media-brand{background:#ffffffed;color:var(--identity-deep)}
body[data-theme] .products .product .product-photo{mix-blend-mode:normal;object-fit:contain;width:64%;height:68%;margin:auto;padding:10px;background:#fff;border-radius:22px;box-shadow:0 10px 24px #00000018}
body[data-theme] .products .product .product-info{background:linear-gradient(150deg,var(--card-surface) 25%,var(--card-tint));border-top:0}
body[data-theme] .products .product .product-info::before{background:var(--identity);width:55px;height:4px}
body[data-theme] .products .product .product-bottom{background:var(--identity-soft);border-color:color-mix(in srgb,var(--identity) 23%,#fff)}
body[data-theme] .products .product .price,body[data-theme] .products .product .price small{color:var(--identity-deep)}
body[data-theme] .products .product .old-price{color:var(--identity-deep)}
body[data-theme] .products .product .add:not(:hover),html[data-appearance=dark] body[data-theme] .products .product .add:not(:hover),body[data-theme] .products .product .stepper{background:linear-gradient(115deg,var(--identity),var(--identity-end))}
body[data-theme] .products .product .add:disabled,html[data-appearance=dark] body[data-theme] .products .product .add:disabled{background:var(--soft);color:var(--muted)}
body[data-theme] .view-switch button[aria-pressed=true]{background:var(--identity);color:#fff}
@media(max-width:700px){body[data-theme] .catalog-heading{padding:19px 18px;border-radius:15px}body[data-theme] .products .product .product-photo{padding:7px;border-radius:16px}body[data-theme] .catalog-heading::after{right:-80px}}

body[data-theme] .products .product .visual-note{color:#fff;background:var(--identity-deep);padding:3px 7px;border-radius:20px;text-shadow:none}