.ss-home {
    color:var(--ss-ink);
    background:var(--ss-paper);
}
.ss-home [data-tone="verde"] { --tone:#d9edab; }
.ss-home [data-tone="amarillo"] { --tone:#ffe582; }
.ss-home [data-tone="rosa"] { --tone:#ffc8d9; }
.ss-home [data-tone="cacao"] { --tone:#eac5a6; }
.ss-wrap { width:min(100% - 3rem, 76rem); margin-inline:auto; }
.ss-home h1,.ss-home h2,.ss-home h3 { margin:0; font-weight:850; line-height:.97; letter-spacing:-.065em; }
.ss-home p { margin:1.35rem 0; max-width:36ch; font-size:clamp(1rem,1.7vw,1.3rem); line-height:1.5; }
.ss-hero { overflow:hidden; background:#e7f2bd; }
.ss-hero__grid,.ss-story__grid { display:grid; grid-template-columns:1fr 1fr; align-items:center; gap:2rem; }
.ss-hero__grid { min-height:clamp(35rem,78svh,55rem); padding-block:4rem; }
.ss-hero h1 { max-width:9ch; font-size:clamp(3.4rem,8.1vw,8rem); }
.ss-hero__pack { display:grid; place-items:center; min-width:0; isolation:isolate; position:relative; }
.ss-hero__pack::before { content:""; position:absolute; width:85%; aspect-ratio:1; background:#cedf88; border-radius:50%; }
.ss-home img[data-pack="verde"] { clip-path:polygon(24% 14%,49% 17%,76% 14%,72% 35%,71% 54%,72% 67%,76% 86%,50% 83%,24% 86%,28% 65%,28% 48%); }
.ss-home img[data-pack="amarillo"] { clip-path:polygon(26.5% 31%,51% 34%,75% 31%,73% 50%,75% 68%,50% 65%,26.5% 68%,28% 50%); scale:1.4; }
.ss-home img[data-pack="cacao"] { clip-path:polygon(26.5% 32%,49% 34%,72% 32%,70% 51%,72% 68%,49% 65%,26.5% 68%,28% 51%); scale:1.4; }
.ss-home img[data-pack="rosa"] { clip-path:polygon(19% 28%,48% 30%,82% 27%,79% 50%,81% 70%,54% 67%,19% 70%,21% 50%); scale:1.12; }
.ss-hero__pack img { z-index:1; width:95%; transform:rotate(-12deg) scale(1.22); }
.ss-button { display:inline-flex; align-items:center; justify-content:center; gap:1rem; border-radius:100vw; padding:.85rem 1.3rem; background:#193d28; color:#fffaf0; font-weight:750; text-decoration:none; cursor:pointer; transition:transform 160ms ease; }
.ss-button:active { transform:scale(.97); }
.ss-text-link { display:inline-block; font-weight:750; text-underline-offset:.3em; text-decoration:underline; }
.ss-home :focus-visible { outline:3px solid #245335; outline-offset:5px; }
.ss-flavors {
    position: relative;
    isolation: isolate;
    overflow: clip;
}
.ss-flavor-chapters { position: relative; }
.ss-flavor { background:var(--tone,#d9edab); }
.ss-flavor__grid { min-height:75svh; display:grid; align-items:center; grid-template-columns:1fr 1fr; gap:1rem; padding-block:4rem; }
.ss-flavor__fallback { width:100%; }
.ss-flavor h2,.ss-story h2,.ss-orders h2 { font-size:clamp(2.6rem,6vw,6rem); }
.ss-format { display:block; margin-bottom:1rem; font-weight:750; }
.ss-story { padding-block:clamp(4rem,9vw,8rem); }
.ss-story img { width:100%; height:clamp(19rem,34vw,33rem); object-fit:cover; border-radius:2rem 2rem 9rem 2rem; }
.ss-orders { padding-block:clamp(3.5rem,8vw,7rem); }
.ss-orders__head { display:flex; align-items:end; justify-content:space-between; gap:1rem; }
.ss-controls:not([hidden]) { display:flex; gap:.5rem; }
.ss-controls button { display:grid; place-items:center; border:1px solid #193d28; border-radius:50%; width:2.75rem; height:2.75rem; font-size:1.25rem; cursor:pointer; }
.ss-controls button:disabled { opacity:.3; cursor:default; }
.ss-cards { display:grid; grid-auto-flow:column; grid-auto-columns:calc((100% - 2rem)/3); gap:1rem; overflow-x:auto; scroll-snap-type:x mandatory; padding:.35rem .2rem 1rem; margin:1rem 0 0; list-style:none; }
.ss-card { display:flex; flex-direction:column; min-width:0; overflow:hidden; border:1px solid #dedbc9; border-radius:1.4rem; scroll-snap-align:start; background:#fffdf7; }
.ss-card__photo { display:grid; place-items:center; aspect-ratio:1.25; background:var(--tone,#d9edab); overflow:hidden; }
.ss-card__photo img { width:85%; }
.ss-card__body { padding:1.35rem; display:flex; flex-direction:column; align-items:start; flex:1; }
.ss-card h3 { font-size:clamp(1.65rem,3vw,2.4rem); }
.ss-card p { margin:.85rem 0 1.2rem; font-weight:750; }
.ss-card form,.ss-card__body > .ss-button { margin-top:auto; }
@media(max-width:720px) {
    .ss-wrap { width:calc(100% - 2rem); }
    .ss-hero__grid,.ss-story__grid,.ss-flavor__grid { grid-template-columns:1fr; }
    .ss-hero__grid { padding-block:3.5rem 1.5rem; gap:1.5rem; }
    .ss-hero__pack img { width:min(92%,26rem); }
    .ss-flavor__grid { gap:0; padding-block:2rem 3rem; }
    .ss-flavor__fallback { max-height:47svh; object-fit:contain; }
    .ss-cards { grid-auto-columns: min(78%, 20rem); }
}
@media(prefers-reduced-motion:reduce) {
    .ss-button { transition:none; }
    .ss-button:active { transform:none; }
}


/* Full-bleed scenes. The same photographs remain available without motion. */
.ss-hero--scene {
    position: relative;
    isolation: isolate;
    color: #fffdf2;
    background: #293e23;
}
.ss-hero__backdrop,
.ss-film video {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}
.ss-hero--scene::after,
.ss-film::after,
.ss-story:has(img)::after {
    content: "";
    position: absolute;
    inset: 0;
    pointer-events: none;
    background: linear-gradient(90deg, #10240ee8 0%, #10240eb8 25%, #10240e26 53%, transparent 72%);
}
.ss-hero--scene .ss-hero__grid {
    position: relative;
    z-index: 1;
    min-height: 100svh;
    padding-block: 7rem 3rem;
    grid-template-columns: 1fr;
}
.ss-hero--scene h1 {
    font-size: clamp(3.75rem, 8.7vw, 9rem);
    max-width: 8.2ch;
}
.ss-hero--scene .ss-button {
    background: #fffaf0;
    color: #193d28;
}
.ss-hero--scene :focus-visible,
.ss-film-ready :focus-visible {
    outline-color: #fffaf0;
}

body:has(.ss-hero--scene) [data-iw-sf-chrome="header"] {
    position: absolute;
    inset: 0 0 auto;
    z-index: 50;
}
body:has(.ss-hero--scene) .iw-sf-header {
    background: transparent;
    border: 0;
    box-shadow: none;
    color: #fffdf2;
}
body:has(.ss-hero--scene) .iw-sf-header-nav a,
body:has(.ss-hero--scene) .iw-sf-header-account {
    color: inherit;
}

.ss-film { display: none; }
.ss-film-ready {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    color: #fffdf2;
    background: #17291c;
}
.ss-film-ready .ss-flavor-chapters { grid-area: 1 / 1; }
.ss-film-ready .ss-film {
    display: block;
    position: sticky;
    top: 0;
    height: 100svh;
    grid-area: 1 / 1;
    align-self: start;
    overflow: hidden;
    pointer-events: none;
}
.ss-film::after {
    background: linear-gradient(90deg, #172318eb 0%, #172318b8 24%, #17231812 54%, transparent 72%);
}
.ss-film-ready .ss-flavor {
    position: relative;
    background: transparent;
}
.ss-film-ready .ss-flavor__grid {
    min-height: 100svh;
    grid-template-columns: minmax(0, 29rem) 1fr;
}
.ss-film-ready .ss-flavor__copy { grid-column: 1; }
.ss-film-ready .ss-flavor__fallback { display: none; }
.ss-film-ready .ss-flavor h2 { font-size: clamp(3rem, 6.5vw, 6.75rem); }
.ss-film-ready .ss-format { color: var(--tone, #d9edab); }

.ss-hero h1,
.ss-flavor h2 { overflow: clip; padding-bottom: .1em; }
.ss-hero h1 span,
.ss-flavor h2 span { display: block; }
@media (prefers-reduced-motion: no-preference) {
    .ss-hero h1 span {
        animation: ss-title-in 660ms cubic-bezier(.2,.8,.2,1) both;
    }
    .ss-hero__copy > p {
        animation: ss-copy-in 520ms 105ms cubic-bezier(.2,.8,.2,1) both;
    }
}
@media (max-width: 720px) and (prefers-reduced-motion: no-preference) {
    .ss-flavor.ss-in-view h2 span { animation: ss-title-in 660ms cubic-bezier(.2,.8,.2,1) both; }
    .ss-flavor.ss-in-view .ss-flavor__copy > p { animation: ss-copy-in 520ms 105ms cubic-bezier(.2,.8,.2,1) both; }
}
@keyframes ss-title-in {
    from { transform: translateY(42%); opacity: 0; }
    to { transform: translateY(0); opacity: 1; }
}
@keyframes ss-copy-in {
    from { transform: translateY(.65rem); opacity: 0; }
    to { transform: translateY(0); opacity: 1; }
}

.ss-story:has(img) {
    position: relative;
    isolation: isolate;
    display: grid;
    align-items: end;
    min-height: min(78svh, 52rem);
    color: #fffdf2;
    background: #253522;
}
.ss-story:has(img)::after {
    background:
        linear-gradient(to top, var(--ss-paper), #fffaf000 23%),
        linear-gradient(to bottom, #17291c 0%, #17291c00 25%),
        linear-gradient(90deg, #132311e6, #13231178 37%, transparent 80%);
    z-index: -1;
}
.ss-story:has(img) .ss-story__grid {
    display: block;
    width: min(100% - 2 * clamp(2.5rem, 8vw, 10rem), 90rem);
    padding-block-end: clamp(4rem, 13svh, 9rem);
}
.ss-story h2 { max-width: 14ch; text-wrap: balance; }
@media (max-width: 720px) {
    .ss-story:has(img) .ss-story__grid { width: calc(100% - 3rem); }
    .ss-story:has(img)::after {
        background:
            linear-gradient(to top, var(--ss-paper), #fffaf000 19%),
            linear-gradient(to bottom, #17291c, #17291c00 22%),
            linear-gradient(to top, #132311fa 15%, #132311ac 42%, transparent 80%);
    }
}
.ss-story img {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    border-radius: 0;
    object-fit: cover;
    object-position: center 52%;
    z-index: -2;
}
.ss-card {
    border: 0;
    border-radius: 0;
    background: transparent;
}
.ss-card__photo { border-radius: 0; }
.ss-card__body { padding-inline: 0; }

@media (max-width: 720px) {
    .ss-hero__backdrop,
    .ss-film video { object-position: center 50%; }
    .ss-hero--scene::after,
    .ss-film::after {
        background: linear-gradient(0deg, #152617fa 0%, #152617de 20%, #15261755 41%, transparent 65%);
    }
    .ss-hero--scene .ss-hero__grid {
        align-items: end;
        padding-block: 6rem max(2rem, env(safe-area-inset-bottom));
    }
    .ss-hero--scene h1 { font-size: clamp(2.85rem, 11.5vw, 5.1rem); }
    .ss-hero--scene .ss-hero__copy p,
    .ss-film-ready .ss-flavor__copy p { margin-block: .65rem 1rem; }
    .ss-film-ready .ss-flavor__grid {
        grid-template-columns: 1fr;
        align-items: end;
        padding-block: 10rem max(2rem, env(safe-area-inset-bottom));
    }
    .ss-film-ready .ss-flavor h2 { font-size: clamp(2.65rem, 10vw, 4.65rem); }
}


.ss-card__photo {
    background: radial-gradient(ellipse closest-side at 50% 52%, var(--tone, #d9edab), transparent);
}

.ss-card__body > .ss-button,
.ss-card form .ss-button {
    padding: .45rem 0;
    border-radius: 0;
    background: transparent;
    color: var(--ss-ink);
    text-decoration: underline;
    text-underline-offset: .3em;
}

/* Keep scroll input intact while keeping the page chrome quiet. */
html:has(.ss-footer) { scrollbar-gutter: auto; }
html:has(.ss-footer)::-webkit-scrollbar { width: 5px; background: transparent; }
html:has(.ss-footer)::-webkit-scrollbar-track,
html:has(.ss-footer)::-webkit-scrollbar-corner { background: transparent; }
html:has(.ss-footer)::-webkit-scrollbar-button { display: none; width: 0; height: 0; }
html:has(.ss-footer)::-webkit-scrollbar-thumb { background: #7e8f7d58; border-radius: 999px; }
html:has(.ss-footer)::-webkit-scrollbar-thumb:hover { background: #7e8f7da8; }
@supports not selector(::-webkit-scrollbar) {
    html:has(.ss-footer) { scrollbar-width: thin; scrollbar-color: #7e8f7d58 transparent; }
}

@media (min-width: 721px) and (min-aspect-ratio: 3/4) {
    .ss-hero--scene .ss-hero__grid {
        max-width: 90rem;
        padding-block: 7rem 4rem;
    }
    .ss-hero__copy { max-width: min(46vw, 38rem); }
    .ss-hero--scene h1 {
        max-width: 10ch;
        font-size: clamp(3.8rem, 7.4vw, 8.2rem);
        text-wrap: balance;
    }
    .ss-film::after {
        background: linear-gradient(90deg, #172318eb, #17231885 23%, transparent 38%, transparent 62%, #17231885 77%, #172318eb);
    }
    .ss-film-ready {
        grid-template-rows: minmax(calc(var(--ss-flavor-count) * 100svh), auto);
    }
    .ss-film-ready .ss-flavor-chapters {
        position: sticky;
        top: 0;
        align-self: start;
        display: grid;
        grid-template-columns: minmax(0, 1fr);
        height: 100svh;
        pointer-events: none;
    }
    .ss-film-ready .ss-flavor {
        grid-area: 1 / 1;
    }
    .ss-film-ready .ss-flavor__grid {
        width: min(100% - 2 * clamp(2.5rem, 8vw, 10rem), 90rem);
        grid-template-columns: minmax(0, 1fr) minmax(0, 43%) minmax(0, 1fr);
        align-items: start;
        padding-block: clamp(3rem, 12svh, 8rem) 3rem;
    }
    .ss-film-ready .ss-flavor__copy {
        margin-block-start: clamp(1rem, 12svh, 10rem);
    }
    .ss-film-ready .ss-flavor:nth-child(even) .ss-flavor__copy {
        grid-column: 3;
        justify-self: end;
        text-align: right;
    }
    .ss-film-ready .ss-flavor:nth-child(3) .ss-flavor__copy {
        margin-block-start: clamp(1rem, 20svh, 14rem);
    }
    .ss-film-ready .ss-flavor:nth-child(4) .ss-flavor__copy {
        margin-block-start: clamp(1rem, 17svh, 12rem);
    }
    .ss-film-ready .ss-flavor h2 {
        font-size: clamp(2.4rem, 4.65vw, 5.4rem);
        text-wrap: balance;
    }
    .ss-film-ready .ss-flavor__copy p { font-size: clamp(1rem, 1.45vw, 1.25rem); }
    .ss-film-ready .ss-flavor__copy {
        opacity: var(--ss-copy-opacity, 0);
    }
    .ss-film-ready .ss-flavor:first-child .ss-flavor__copy {
        opacity: var(--ss-copy-opacity, 1);
    }
    .ss-film-ready .ss-flavor-chapters:has(:focus-visible) .ss-flavor__copy {
        opacity: 0;
    }
    .ss-film-ready .ss-flavor-chapters .ss-flavor__copy:has(:focus-visible) {
        opacity: 1;
    }
    .ss-film-ready .ss-flavor__copy[data-copy-visible] a {
        pointer-events: auto;
    }
}

.ss-orders {
    position: relative;
    isolation: isolate;
    background: var(--ss-paper);
    padding-block: clamp(4.25rem, 8vw, 9rem);
}
.ss-orders__inner { width: min(100% - 2 * clamp(2.5rem, 8vw, 10rem), 90rem); margin-inline: auto; }
.ss-orders__head {
    align-items: end;
    padding-block-end: clamp(1.75rem, 3vw, 3rem);
}
.ss-orders h2 {
    max-width: 15ch;
    font-size: clamp(3rem, 6.5vw, 7rem);
    font-weight: 900;
    line-height: .96;
    letter-spacing: -.07em;
    text-wrap: balance;
}
.ss-orders h2::after {
    content: "";
    display: block;
    width: clamp(2.25rem, 6vw, 4.75rem);
    height: 4px;
    margin-top: .33em;
    border-radius: 999px;
    background: #eebf36;
}
.ss-orders__head p { color: #4d6350; margin: .65rem 0 0; font-size: 1rem; }
.ss-controls { flex: 0 0 auto; }
.ss-cards {
    --card-gap: clamp(1rem, 2vw, 2rem);
    gap: var(--card-gap);
    grid-auto-columns: calc((100% - 3 * var(--card-gap)) / 4);
    margin: 0;
    padding: 0 0 .55rem;
    scrollbar-width: none;
}
.ss-cards::-webkit-scrollbar { display: none; }
.ss-card {
    overflow: visible;
    border-top: 2px solid var(--tone, #d9edab);
    padding-block-start: .65rem;
}
.ss-card__photo {
    aspect-ratio: 1;
    background: radial-gradient(ellipse closest-side, var(--tone, #d9edab) 20%, transparent 100%);
}
.ss-card__photo img { width: 100%; max-width: 22rem; }
.ss-card__photo img:is([data-pack="amarillo"], [data-pack="rosa"], [data-pack="cacao"]) {
    translate: 0 9%;
}
.ss-card__body {
    align-items: center;
    padding-block: .5rem 0;
    text-align: center;
}
.ss-card__body form { display: flex; justify-content: center; }
.ss-card h3 { font-size: clamp(1.38rem, 2vw, 2.15rem); line-height: 1.08; text-wrap: balance; }
.ss-card p { margin: .55rem 0 .3rem; font-size: 1rem; }
.ss-card__body > .ss-button,
.ss-card form .ss-button { font-size: .92rem; }
@media (max-width: 900px) {
    .ss-cards { grid-auto-columns: calc((100% - 2 * var(--card-gap)) / 3); }
}
@media (max-width: 720px) {
    .ss-orders__inner { width: calc(100% - 3rem); }
    .ss-orders__head { flex-wrap: wrap; gap: 1.1rem; }
    .ss-orders h2 { font-size: clamp(2.3rem, 10vw, 4.25rem); text-wrap: balance; }
    .ss-orders__head p { font-size: .93rem; }
    .ss-controls button { width: 2.25rem; height: 2.25rem; font-size: 1.05rem; }
    .ss-cards { grid-auto-columns: min(77%, 19rem); }
}

.ss-footer {
    --iw-sf-line: #fbf5d32b;
    margin-top: 0;
    border-top: 3px solid var(--ss-sun);
    color: #f4f5e7;
    background: var(--ss-ink);
}
.ss-footer .iw-sf-footer-col-title,
.ss-footer .iw-sf-eyebrow { color: color-mix(in srgb, var(--ss-sun) 70%, white); }
.ss-footer .iw-widget-site-logo span { color: inherit; }
.ss-footer .iw-sf-footer-link { color: #e4ebd9; }
.ss-footer .iw-sf-footer-link:hover { color: #fffbe9; }
.ss-footer__contact { margin-top: 1.25rem; }
.ss-footer__description { max-width: 30ch; color: #e4ebd9; font-size: .9rem; line-height: 1.55; }
.ss-footer .iw-sf-footer-phone { color: #fffbe9; font-size: 1.1rem; }
.ss-footer__contact a { overflow-wrap: anywhere; }
.ss-footer__channels:has(.flex > div) { padding-block: 1.5rem; }
.ss-footer__copyright { padding-block: 1.35rem; color: #c0ceb9; font-size: .82rem; }
.ss-footer__copyright a { text-decoration: underline; }
.ss-footer .iw-sf-panel {
    --iw-sf-line: #193d282b;
    color: var(--ss-ink);
    background: var(--ss-paper);
}

@media (max-width: 720px) {
    .ss-hero--field { background: #152617; }
    .ss-hero--field .ss-hero__backdrop {
        height: 79%;
        object-position: 80% center;
    }
    .ss-hero--field::after {
        background: linear-gradient(0deg, #152617 0%, #152617 19%, #152617de 31%, #15261740 46%, transparent 61%);
    }
}

/* Shared storefront. Colors and uploaded fonts come from Apariencia. */
.iw-sf-body {
    --ss-ink: var(--brand-primary, #193d28);
    --ss-sun: var(--brand-accent, #edbf2b);
    --ss-paper: #fffaf0;
    --ss-surface: #fffdf7;
    --ss-sprout: #e9efdc;
    --iw-sf-text: var(--ss-ink);
    --iw-sf-line: color-mix(in srgb, var(--ss-ink) 19%, transparent);
    --iw-sf-line-strong: color-mix(in srgb, var(--ss-ink) 60%, transparent);
    color: var(--ss-ink);
    background: var(--ss-paper);
    font-family: var(--font-primary, system-ui, sans-serif);
}

.iw-sf-main { background: var(--ss-paper); }

.iw-sf-main h1,
.iw-sf-main h2,
.iw-sf-main h3,
.ss-footer .iw-sf-footer-col-title {
    font-family: var(--font-secondary, var(--font-primary, system-ui, sans-serif));
}

.iw-sf-body :focus-visible {
    outline-color: var(--ss-ink);
    outline-offset: 4px;
}

.ss-film-ready :focus-visible,
.ss-footer :focus-visible { outline-color: #fffaf0; }
.ss-footer .iw-sf-panel :focus-visible { outline-color: var(--ss-ink); }

.ss-header {
    color: var(--ss-ink);
    background: var(--ss-paper);
    border-color: var(--iw-sf-line);
}

.ss-header__announcement {
    border-bottom: 1px solid var(--iw-sf-line);
    color: #171717;
    background: color-mix(in srgb, var(--ss-sun) 42%, white);
}

.ss-header .iw-sf-nav-link,
#storefront-mobile-panel .iw-sf-nav-link {
    color: var(--ss-ink);
    font-weight: 650;
}

.ss-header .iw-sf-nav-link { white-space: nowrap; }

.ss-header .iw-sf-nav-link:hover,
#storefront-mobile-panel .iw-sf-nav-link:hover { background: var(--ss-sprout); }

.ss-header .iw-sf-nav-link[aria-current],
#storefront-mobile-panel .iw-sf-nav-link[aria-current] {
    color: white;
    background: var(--ss-ink);
}

.ss-header .iw-sf-header-account,
.ss-drawer-account {
    color: var(--ss-ink);
    border-color: var(--iw-sf-line-strong);
}

.ss-header .iw-sf-header-account:hover,
.ss-header .iw-sf-header-action--menu,
.ss-header .iw-sf-header-action--menu:hover {
    color: white;
    background: var(--ss-ink);
}

#storefront-mobile-panel {
    color: var(--ss-ink);
    background: var(--ss-paper);
}

body:has(.ss-hero--scene) .ss-header .iw-sf-nav-link[aria-current],
body:has(.ss-hero--scene) .ss-header .iw-sf-nav-link:hover,
body:has(.ss-hero--scene) .ss-header .iw-sf-header-account:hover {
    color: var(--ss-ink);
    background: var(--ss-paper);
}

body:has(.ss-hero--scene) .ss-header .iw-sf-header-account { border-color: #fffaf099; }
body:has(.ss-hero--scene) .ss-header .iw-widget-site-logo span { color: inherit; }
body:has(.ss-hero--scene) .ss-header :focus-visible { outline-color: #fffaf0; }

.iw-sf-main .iw-brand-btn,
.iw-sf-main .iw-brand-btn--outline,
.ss-footer .iw-brand-btn { border-radius: 999px; }

.iw-sf-main .iw-brand-btn--outline { color: var(--ss-ink); }
.iw-sf-main .iw-brand-btn--outline:hover { color: white; background: var(--ss-ink); }
.iw-sf-main .iw-sf-panel { background: var(--ss-surface); }

.iw-sf-page-shell .iw-sf-page-header {
    padding-block: clamp(1rem, 3.5vw, 3rem);
    border-bottom: 1px solid var(--iw-sf-line);
    text-align: left;
}

.iw-sf-page-shell .iw-sf-page-header .iw-sf-heading,
.ss-page--catalog > h1,
.ss-page--product h1,
.ss-about h1 {
    color: var(--ss-ink);
    font-size: clamp(2.35rem, 5vw, 5.2rem);
    font-weight: 850;
    line-height: 1.02;
    letter-spacing: -.06em;
    text-wrap: balance;
    overflow-wrap: anywhere;
}

.iw-sf-page-shell .iw-sf-page-header .iw-sf-subtext {
    max-width: 60ch;
    margin-top: .85rem;
}

.ss-page--cart .iw-sf-page-header {
    padding-bottom: clamp(.5rem, 1.5vw, 1.25rem);
    border-bottom: 0;
}

.ss-page--cart .cart-layout__main :is(thead, .iw-sf-touch.iw-sf-divider) {
    border-top: 0;
}

.ss-page--cart .cart-layout__main .iw-sf-touch.iw-sf-divider { padding-top: 0; }

.ss-page--cart .cart-layout__aside > .iw-sf-divider {
    padding: clamp(1rem, 2vw, 1.5rem);
    border: 0;
    border-radius: 1.25rem;
    background: color-mix(in srgb, var(--ss-sprout) 48%, var(--ss-paper));
}

.ss-page--cart .cart-layout__aside h2 {
    padding-bottom: 0;
    border-bottom: 0;
}

.ss-page--cart .cart-layout__aside dl .border-t { border-top: 0; }

.checkout-delivery-options > .checkout-delivery-option > span > .text-xs {
    display: none;
}

.ss-page--reading .iw-sf-prose {
    max-width: 73ch;
    font-size: clamp(1rem, 1.4vw, 1.125rem);
    line-height: 1.75;
    overflow-wrap: anywhere;
}

.ss-page--reading .iw-sf-prose :is(h2, h3, a) { color: var(--ss-ink); }
.ss-page--reading .iw-sf-prose img { max-width: 100%; height: auto; }

.ss-page--contact #contact-form {
    padding: clamp(1rem, 3vw, 2.25rem);
    border: 1px solid var(--iw-sf-line);
    border-radius: 1.5rem;
    background: var(--ss-surface);
}

.ss-page--access { padding-bottom: clamp(3rem, 7vw, 6rem); }
.ss-page--access .iw-sf-panel,
.iw-sf-account-shell .iw-sf-panel { border-radius: 1.5rem; }

.ss-page--access .iw-sf-panel { border-top: 4px solid var(--ss-sun); }
.ss-page--access .iw-sf-segment { border-color: var(--iw-sf-line-strong); }
.ss-page--access .iw-sf-segment__thumb { background: var(--ss-ink); }
.iw-sf-account-shell .iw-acc-title { color: var(--ss-ink); }
.iw-sf-account-shell .iw-acc-tile { background: var(--ss-surface); }
.iw-sf-account-shell .iw-acc-tile__icon { color: var(--ss-ink); background: var(--ss-sprout); }
.iw-sf-account-shell .iw-sf-account-nav__link[aria-current="page"],
.iw-sf-account-shell .iw-sf-account-nav__link.is-current {
    color: var(--ss-ink);
    background: var(--ss-sprout);
}
.ss-page--access h1 {
    color: var(--ss-ink);
    font-size: clamp(1.9rem, 4vw, 2.75rem);
    font-weight: 850;
    line-height: 1.08;
    letter-spacing: -.045em;
    text-wrap: balance;
}

.ss-page--catalog > h1.sr-only {
    position: static;
    width: auto;
    height: auto;
    margin: 0;
    padding-block: clamp(1rem, 3vw, 2.5rem);
    overflow: visible;
    clip: auto;
    clip-path: none;
    white-space: normal;
}

.iw-sf-main .iw-sf-product-card {
    overflow: hidden;
    border: 1px solid var(--iw-sf-line);
    border-radius: 1.25rem;
    background: var(--ss-surface);
}

.iw-sf-main .iw-sf-product-card__image-link,
.ss-page--product [data-default-urls] > .aspect-square {
    background: var(--ss-sprout);
    background: radial-gradient(ellipse at center, #fffdf7 15%, var(--ss-sprout));
}

.iw-sf-main .iw-sf-product-card__image-link img {
    object-fit: contain;
    mix-blend-mode: multiply;
}

.iw-sf-main .iw-sf-product-card > div:last-child { padding: clamp(.8rem, 1.7vw, 1.4rem); }
.iw-sf-main .iw-sf-product-card h2 {
    color: var(--ss-ink);
    font-size: clamp(1.05rem, 2vw, 1.45rem);
    font-weight: 800;
    letter-spacing: -.04em;
}
.iw-sf-main .iw-sf-product-price-current,
.ss-page--product #product-storefront-price { color: var(--ss-ink); }

.ss-page--product [data-default-urls] > .aspect-square { border-radius: 1.5rem; }
.ss-page--product [data-default-urls] > .aspect-square img { mix-blend-mode: multiply; }

.ss-about { padding-block: clamp(1.25rem, 5vw, 4rem) clamp(2rem, 6vw, 5rem); }

.ss-about__intro {
    padding-bottom: clamp(1.5rem, 4vw, 3rem);
    border-bottom: 3px solid var(--ss-sun);
}

.ss-about__intro p,
.ss-about__story p {
    max-width: 55ch;
    margin-top: 1rem;
    color: var(--iw-sf-body);
    font-size: clamp(1rem, 1.7vw, 1.3rem);
    line-height: 1.55;
    white-space: pre-line;
}

.ss-about__story {
    display: grid;
    align-items: center;
    gap: clamp(1.75rem, 5vw, 5rem);
    margin-top: clamp(1.75rem, 5vw, 4rem);
}

.ss-about__story img {
    width: 100%;
    height: auto;
    aspect-ratio: 4 / 3;
    border-radius: 1.5rem 1.5rem 5rem 1.5rem;
    object-fit: cover;
}

.ss-about__story h2 {
    font-size: clamp(1.8rem, 4vw, 3.7rem);
    font-weight: 850;
    line-height: 1.05;
    letter-spacing: -.055em;
    text-wrap: balance;
}

.ss-about__story .iw-brand-btn { gap: .6rem; margin-top: 1.5rem; }

@media (min-width: 800px) {
    .ss-about__story--with-photo { grid-template-columns: minmax(0, 1.2fr) minmax(0, 1fr); }
}

.ss-page--product #product-storefront-gallery [aria-label="Miniaturas de la galería"] {
    padding-inline: .25rem;
    scrollbar-width: none;
}

.ss-page--product #product-storefront-gallery [aria-label="Miniaturas de la galería"] img {
    object-fit: contain;
}