/* Frozen.bro — design tokens, sampled directly from frozenbro.ee (getComputedStyle). */

@font-face {
    font-family: 'League Spartan';
    src: url('../fonts/league-spartan-latin.woff2') format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+20AC, U+2122;
    font-weight: 100 900;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'League Spartan';
    src: url('../fonts/league-spartan-latin-ext.woff2') format('woff2');
    unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0;
    font-weight: 100 900;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Questrial';
    src: url('../fonts/questrial-latin.woff2') format('woff2');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

:root {
    --color-bg: #f5f5f5;
    --color-text: #333333;
    --color-heading: #272727;
    --color-price: #4d4b4e;
    --color-accent: #d2b6e3;       /* lavender — add-to-cart / secondary buttons */
    --color-accent-text: #231f20;  /* near-black text on lavender */
    --color-dark: #231f20;         /* primary CTA background */
    --color-border: #d5d8dc;       /* card / table borders */
    --color-border-light: #e0e0e0; /* lighter table row dividers */
    --color-dark-text: #ffffff;

    --font-body: 'League Spartan', 'Questrial', sans-serif;
    --font-heading: 'League Spartan', 'Questrial', sans-serif;
}

*, *::before, *::after {
    box-sizing: border-box;
}

body {
    margin: 0;
    background: var(--color-bg);
    color: var(--color-text);
    font-family: var(--font-body);
    line-height: 1.5;
    cursor: url('../images/cursor-dumpling.png'), auto;
}

/* Browsers default <a>/button elements to the system pointer, which overrides
   the inherited custom cursor above. Reassert it on every clickable element,
   and swap to the lavender cursor on hover (same size, no "grows" effect). */
a, button, .button, input[type="submit"], input[type="button"], [role="button"], summary {
    cursor: url('../images/cursor-dumpling.png'), pointer;
}
a:hover, button:hover, .button:hover, input[type="submit"]:hover, input[type="button"]:hover, [role="button"]:hover, summary:hover {
    cursor: url('../images/cursor-dumpling-hover-lilac.png'), pointer;
}

h1, h2, h3, h4, h5, h6 {
    font-family: var(--font-heading);
    color: var(--color-heading);
}

a {
    color: inherit;
}

img {
    max-width: 100%;
    height: auto;
    display: block;
}

.site-container {
    max-width: 1200px;
    margin-inline: auto;
    padding-inline: 20px;
}

.site-header {
    padding-block: 20px;
}

.site-header__inner {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 24px;
}

.site-logo {
    flex-shrink: 0;
}

.site-logo img {
    height: 55px;
    width: auto;
}

.site-nav__list {
    display: flex;
    gap: 40px;
    list-style: none;
    margin: 0;
    padding: 0;
    font-size: 32px;
    font-weight: 400;
    text-transform: uppercase;
}

.site-nav__list a {
    text-decoration: none;
    color: #201a24;
}

.site-nav__list a[aria-current="page"] {
    color: var(--color-accent);
}

.cart-icon {
    display: inline-flex;
    align-items: center;
    text-decoration: none;
    font-size: 24px;
    font-weight: 400;
    color: #201a24;
}

.cart-icon__empty {
    display: block;
}

.site-header__right {
    display: flex;
    align-items: center;
    gap: 24px;
}

.nav-toggle {
    display: none;
    flex-direction: column;
    justify-content: center;
    gap: 5px;
    width: 32px;
    height: 24px;
    background: none;
    border: none;
    padding: 0;
    cursor: url('../images/cursor-dumpling.png'), pointer;
}

.nav-toggle span {
    display: block;
    width: 100%;
    height: 2px;
    background: #201a24;
    transition: transform 0.2s ease, opacity 0.2s ease;
}

.nav-toggle[aria-expanded="true"] span:nth-child(1) {
    transform: translateY(7px) rotate(45deg);
}

.nav-toggle[aria-expanded="true"] span:nth-child(2) {
    opacity: 0;
}

.nav-toggle[aria-expanded="true"] span:nth-child(3) {
    transform: translateY(-7px) rotate(-45deg);
}

/* Mobile navigation: collapse the horizontal menu behind a hamburger toggle
   below this breakpoint, matching the original's mobile hamburger pattern. */
@media (max-width: 880px) {
    .site-header {
        position: sticky;
        top: 0;
        z-index: 200;
        background: var(--color-bg);
    }

    .site-header__inner {
        display: grid;
        grid-template-columns: 1fr auto 1fr;
        grid-template-areas: "logo toggle cart";
        align-items: center;
        gap: 16px;
    }

    .site-logo {
        grid-area: logo;
        justify-self: start;
    }

    .site-logo img {
        height: 34px;
    }

    .site-nav {
        display: contents;
    }

    .site-header__right {
        display: contents;
    }

    .nav-toggle {
        grid-area: toggle;
        justify-self: center;
        display: flex;
    }

    .cart-icon {
        grid-area: cart;
        justify-self: end;
    }

    .site-nav__list {
        display: none;
    }

    .site-nav.is-open .site-nav__list {
        display: flex;
        flex-direction: column;
        gap: 0;
        position: absolute;
        top: 100%;
        left: 0;
        right: 0;
        background: var(--color-bg);
        border-top: 1px solid rgba(0, 0, 0, 0.1);
        padding: 10px 20px 20px;
        font-size: 22px;
        z-index: 100;
    }

    .site-nav.is-open .site-nav__list li {
        padding-block: 10px;
        border-bottom: 1px solid rgba(0, 0, 0, 0.08);
    }
}

/* Mobile content layout: stack side-by-side rows, tame oversized desktop
   type, and drop decorations that only make sense at desktop widths. */
/* Hero */
.hero {
    padding-block: 60px;
}

.hero__inner {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-template-areas:
        "copy  image"
        "cta   image";
    align-items: center;
    gap: 40px;
}

.hero__copy {
    grid-area: copy;
}

.hero__image {
    grid-area: image;
}

.hero__cta {
    grid-area: cta;
    justify-self: start;
    display: inline-block;
    background: var(--color-dark);
    color: #f5f5f5;
    text-decoration: none;
    font-size: 28px;
    font-weight: 700;
    padding: 13px 60px 7px;
}

.hero__spark {
    margin: 0 0 8px;
}

.hero__heading {
    font-size: clamp(24px, 3vw, 36px);
    font-weight: 500;
    line-height: 1.2;
    margin: 0 0 28px;
}

.hero__hei {
    display: block;
    color: var(--color-accent);
    font-size: clamp(56px, 9vw, 110px);
    font-weight: 700;
    line-height: 1;
}

.hero__image img {
    width: 100%;
    max-width: 650px;
}

/* Category teasers */
.cat-teasers {
    padding-block: 40px;
}

.cat-teasers__grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
    gap: 24px;
    margin-bottom: 32px;
}

.cat-teaser {
    text-decoration: none;
    color: inherit;
    text-align: center;
}

.cat-teaser img {
    width: 162px;
    height: 122px;
    object-fit: contain;
    margin-inline: auto;
}

.cat-teaser__name {
    font-size: 24px;
    font-weight: 800;
    color: var(--color-dark);
    margin-top: 12px;
}

.cat-teaser__count {
    color: var(--color-accent);
}

/* Product story (ROHKEM TOOTE KOHTA) */
.product-story {
    padding-block: 60px;
}

.product-story__heading-row {
    position: relative;
    margin-bottom: 40px;
}

.product-story__heading {
    font-size: 48px;
    font-weight: 700;
    color: var(--color-dark);
    margin: 0;
}

.product-story__arrow {
    position: absolute;
    top: -10px;
    left: 340px;
}

.product-story__tabs {
    display: inline-flex;
    flex-wrap: wrap;
    margin-bottom: 40px;
}

.product-story__tab {
    border: none;
    padding: 14px 30px;
    font-family: var(--font-body);
    font-size: 22px;
    font-weight: 700;
    background: var(--color-accent);
    color: var(--color-dark);
    cursor: url('../images/cursor-dumpling.png'), pointer;
}

.product-story__tab.is-active {
    background: var(--color-dark);
    color: #f5f5f5;
}

.product-story__panel {
    display: none;
}

.product-story__panel.is-active {
    display: block;
}

.product-story__title {
    font-size: 32px;
    margin-bottom: 24px;
}

.product-story__note {
    font-weight: 700;
    margin: 24px 0;
}

.product-story__video-title {
    font-size: 28px;
    margin-top: 40px;
}

.product-story__video-row {
    display: flex;
    flex-wrap: wrap;
    gap: 40px;
    align-items: flex-start;
    margin-top: 20px;
}

.product-story__video {
    width: 200px;
    height: auto;
    aspect-ratio: 9 / 16;
    object-fit: cover;
    background: #000;
    flex-shrink: 0;
}

/* Retailers */
.retailers {
    padding-block: 40px;
    text-align: center;
}
.retailers__heading {
    font-size: 40px;
    margin-bottom: 20px;
}

.retailers__carousel-inner {
    display: flex;
    align-items: center;
    gap: 16px;
}

.retailers__viewport {
    overflow: hidden;
    flex: 1 1 auto;
}

.retailers__track {
    display: flex;
    gap: 16px;
    list-style: none;
    margin: 0;
    padding: 0;
    transition: transform 1500ms ease;
}

.retailers__slide {
    flex: 0 0 auto;
    width: calc((100% - 4 * 16px) / 5);
}

.retailers__slide img {
    display: block;
    width: 100%;
    height: auto;
    border-radius: 16px;
}

.retailers__arrow {
    flex: 0 0 auto;
    width: 44px;
    height: 44px;
    border-radius: 50%;
    border: 1px solid var(--color-border);
    background: #fff;
    color: var(--color-dark);
    font-size: 24px;
    line-height: 1;
    display: flex;
    align-items: center;
    justify-content: center;
}

.retailers__arrow:disabled {
    opacity: 0.35;
}

.retailers__dots {
    display: flex;
    justify-content: center;
    gap: 8px;
    margin-top: 24px;
}

.retailers__dot {
    width: 8px;
    height: 8px;
    padding: 0;
    border: none;
    border-radius: 50%;
    background: var(--color-border);
}

.retailers__dot.is-active {
    background: var(--color-dark);
}

@media (max-width: 1024px) {
    .retailers__slide {
        width: calc((100% - 2 * 16px) / 3);
    }

    .retailers__arrow {
        display: none;
    }
}

/* MEIST teaser */
.meist-teaser {
    padding-block: 60px;
}
.meist-teaser__heading {
    font-size: 64px;
    margin-bottom: 30px;
}
.meist-teaser__row {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 40px;
}
.meist-teaser__row img {
    border-radius: 20px;
    width: 300px;
    height: 300px;
    object-fit: cover;
}
.meist-teaser__row p {
    font-size: 20px;
    max-width: 500px;
}

/* Brand story */
.brand-story {
    padding-block: 60px;
}
.brand-story__heading {
    font-size: 32px;
    max-width: 900px;
    margin-bottom: 30px;
}
.brand-story__row {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 40px;
    margin-block: 30px;
}
.brand-story__row img {
    border-radius: 20px;
    width: 300px;
    height: 375px;
    object-fit: cover;
    flex-shrink: 0;
}
.brand-story__row p {
    font-size: 18px;
    max-width: 600px;
}
.brand-story__formula {
    font-size: 28px;
    font-weight: 700;
    max-width: 900px;
    margin-top: 60px;
}
.brand-story__uhesonaga {
    font-size: 32px;
    margin-top: 40px;
}
.brand-story__tags {
    display: flex;
    flex-wrap: wrap;
    gap: 16px;
    margin-block: 30px;
}
.brand-story__tags .tag {
    display: inline-block;
    border: 2px solid var(--color-dark);
    border-radius: 30px;
    padding: 12px 24px;
    font-weight: 700;
    font-size: 18px;
}
.brand-story__address-heading {
    font-size: 32px;
    margin-top: 60px;
}

/* Single product — WooCommerce expects the theme to size/clear these (not provided by
   WC's own CSS): gallery + summary float side by side, and the wrapper must clear them
   or the floated gallery collapses out of the layout. */
.site-container.single-product {
    display: block;
}
.woocommerce div.product {
    overflow: hidden;
}
.woocommerce div.product div.images,
.woocommerce div.product div.summary {
    width: 48%;
    float: left;
}
.woocommerce div.product div.summary {
    float: right;
}
.woocommerce div.product .woocommerce-product-gallery__image {
    width: 100%;
}


/* Site-wide page heading (verified via getComputedStyle: every page h1 —
   Meist, Kust osta, Ostukorv, Kassa — renders uppercase regardless of raw title case). */
.page-title {
    padding-top: 30px;
    font-size: 50px;
    font-weight: 700;
    color: var(--color-dark);
    text-transform: uppercase;
}
.meist-hero {
    background: #faddca;
    padding-block: 50px;
    margin-top: 30px;
}
.meist-hero__row {
    display: flex;
    gap: 40px;
    align-items: flex-start;
    flex-wrap: wrap;
}
.meist-hero__copy {
    flex: 1 1 400px;
}
.meist-hero__copy p {
    font-size: 24px;
    margin-block: 20px;
}
.meist-hero__hi {
    font-size: 50px;
    font-weight: 700;
    color: #71720f;
    margin: 0 0 20px;
}
.meist-hero__image {
    flex: 1 1 350px;
}
.meist-hero__image img {
    width: 100%;
    max-width: 420px;
    margin-inline: auto;
    object-fit: cover;
}
.meist-hero__formula {
    font-size: 24px;
    font-weight: 700;
    text-align: center;
    max-width: 900px;
    margin: 40px auto;
}
.meist-hero > .site-container > p {
    font-size: 24px;
    text-align: center;
}
.meist-hero__founders {
    display: flex;
    gap: 40px;
    margin-top: 50px;
    flex-wrap: wrap;
}
.meist-founder {
    flex: 1 1 320px;
    text-align: center;
}
.meist-founder img {
    width: 100%;
    max-width: 420px;
    margin-inline: auto;
    object-fit: cover;
}
.meist-founder h4 {
    font-size: 20px;
    font-weight: 500;
    margin: 16px 0 8px;
}
.meist-founder p {
    font-size: 18px;
}

/* Kust osta (retailer list) page */
.kust-osta__hashtags {
    font-size: 40px;
    font-weight: 500;
    margin-bottom: 30px;
}
.kust-osta__accordion {
    border: 1px solid var(--color-border);
    margin-bottom: 40px;
}
.kust-osta__item {
    border-bottom: 1px solid var(--color-border);
}
.kust-osta__item:last-child {
    border-bottom: none;
}
.kust-osta__item summary {
    padding: 20px;
    font-size: 24px;
    font-weight: 700;
    list-style: none;
}
.kust-osta__item summary::-webkit-details-marker {
    display: none;
}
.kust-osta__item summary::before {
    content: '+';
    display: inline-block;
    width: 18px;
    color: var(--color-accent);
    font-weight: 700;
}
.kust-osta__item[open] summary::before {
    content: '\2212';
}
.kust-osta__panel {
    padding: 0 20px 20px 58px;
}
.kust-osta__panel ul {
    margin: 0;
    padding-left: 20px;
}
.kust-osta__panel li {
    font-size: 18px;
    margin-bottom: 6px;
}
.kust-osta__panel p {
    margin: 0 0 12px;
}
.kust-osta__map {
    text-align: center;
    margin-bottom: 40px;
}
a.kust-osta__map-link {
    background: var(--color-accent) !important;
    color: var(--color-accent-text) !important;
    text-decoration: none;
    display: inline-block;
    font-size: 28px;
    padding: 13px 30px;
    border-radius: 0;
}

/* Cart / Checkout (classic WooCommerce shortcodes) */
.woocommerce-page-wrap {
    padding-bottom: 60px;
}
.cart-notice {
    margin: 20px 0 30px;
    font-size: 16px;
}
.cart-notice p {
    margin: 0 0 6px;
}

table.shop_table {
    width: 100%;
    border-collapse: collapse;
    margin-bottom: 30px;
}
table.shop_table th {
    text-align: left;
    font-weight: 700;
    padding: 12px 10px;
    border-bottom: 2px solid var(--color-dark);
}
table.shop_table td {
    padding: 16px 10px;
    border-bottom: 1px solid var(--color-border-light);
    vertical-align: middle;
}
.product-remove a.remove {
    display: inline-block;
    color: var(--color-dark);
    text-decoration: none;
    font-size: 20px;
    font-weight: 700;
}
.product-thumbnail img {
    width: 70px;
    height: auto;
}
.product-quantity .qty {
    width: 60px;
    padding: 8px;
    border: 1px solid #ccc;
}
.coupon {
    display: flex;
    gap: 10px;
    margin-bottom: 30px;
}
.coupon .input-text {
    flex: 1 1 auto;
    min-width: 220px;
    max-width: 300px;
    padding: 10px;
    border: 1px solid #ccc;
}
/* The original hides this heading (empty text, block display) — match it. */
.cart_totals > h2 {
    display: none;
}
.cart_totals table,
.woocommerce-checkout-review-order-table {
    width: 100%;
    border-collapse: collapse;
    margin-bottom: 20px;
}
.cart_totals th,
.cart_totals td,
.woocommerce-checkout-review-order-table th,
.woocommerce-checkout-review-order-table td {
    padding: 12px 10px;
    border-bottom: 1px solid var(--color-border-light);
    text-align: left;
}
.cart_totals .order-total td,
.woocommerce-checkout-review-order-table .order-total td {
    font-weight: 700;
    font-size: 20px;
}
.wc-proceed-to-checkout .checkout-button {
    display: inline-block;
    width: 100%;
    text-align: center;
    background: var(--color-accent);
    color: var(--color-accent-text);
    text-decoration: none;
    text-transform: uppercase;
    font-size: 22px;
    font-weight: 700;
    padding: 16px;
}

.woocommerce-billing-fields h3,
#order_review_heading,
.woocommerce-additional-fields h3 {
    font-size: 26px;
    font-weight: 700;
    margin: 30px 0 20px;
}
.woocommerce-billing-fields .form-row {
    margin-bottom: 16px;
}
.woocommerce-billing-fields label,
.woocommerce-additional-fields label {
    display: block;
    margin-bottom: 6px;
}
.woocommerce-billing-fields .required,
.woocommerce-additional-fields .required {
    color: #c0392b;
}
.woocommerce-billing-fields input,
.woocommerce-billing-fields select,
.woocommerce-additional-fields textarea {
    width: 100%;
    max-width: 470px;
    padding: 10px;
    border: 1px solid #ccc;
    font-family: var(--font-body);
}
.woocommerce-checkout-payment ul.payment_methods {
    list-style: none;
    margin: 0;
    padding: 0;
    border: 1px solid var(--color-border-light);
}
.woocommerce-checkout-payment ul.payment_methods li {
    padding: 16px;
    border-bottom: 1px solid var(--color-border-light);
}
.woocommerce-checkout-payment .payment_box {
    margin-top: 10px;
    padding: 16px;
    background: #ececec;
}
#place_order {
    background: var(--color-accent);
    color: var(--color-accent-text);
    border: none;
    font-size: 22px;
    font-weight: 700;
    padding: 16px 30px;
}

/* Shop landing (/pood/) */
.breadcrumb {
    padding-top: 20px;
    font-size: 15px;
    text-decoration: underline;
}

/* Floating card look for category teasers — used on both the homepage and /pood/. */
.cat-teaser--card {
    border-radius: 14px;
    box-shadow: 6px 8px 13px 2px rgba(217, 217, 217, 1);
    padding: 20px;
}
.shop-featured {
    padding-block: 40px;
}
.shop-featured__grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
    gap: 24px;
}
.shop-featured__item {
    text-align: center;
}
.shop-featured__title {
    font-weight: 700;
    margin-top: 12px;
}
.shop-featured__price {
    color: var(--color-price);
    font-size: 20px;
}
.shop-featured__item .button,
.shop-featured__item .add_to_cart_button {
    width: 100%;
    text-align: center;
}

/* Footer — verified via getComputedStyle on frozenbro.ee: background is transparent
   (sits on the normal page background), text uses --color-dark throughout, no accent color. */
.site-footer {
    padding-top: 50px;
    margin-top: 60px;
    background: transparent;
    color: var(--color-dark);
}

.site-footer a {
    color: var(--color-dark);
}

.site-footer__inner {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: flex-start;
    gap: 24px;
    padding-bottom: 30px;
}

.site-footer__tagline {
    flex: 1 1 320px;
}

.site-footer__image {
    flex: 2 1 420px;
    text-align: center;
}

.site-footer__image img {
    margin-inline: auto;
}

.site-footer__contact {
    flex: 1 1 280px;
}

.site-footer__contact p,
.site-footer__contact a {
    display: block;
}

.site-footer__kohtumiseni {
    font-size: 35px;
    font-weight: 700;
    color: var(--color-dark);
    margin: 0 0 8px;
}

.site-footer__sub {
    font-size: 24px;
    font-weight: 400;
    color: var(--color-text);
}

.site-footer__contact {
    font-size: 21px;
}
.site-footer__contact a,
.site-footer__contact p {
    display: flex;
    align-items: center;
    gap: 12px;
}
.footer-icon {
    width: 18px;
    height: 18px;
    fill: currentColor;
    flex-shrink: 0;
}

.site-footer__label {
    font-size: 32px;
    font-weight: 700;
    color: var(--color-dark);
    text-transform: uppercase;
    margin-bottom: 8px;
}

.site-footer__copy {
    border-top: 1px solid rgba(35, 31, 32, 0.15);
    padding-block: 20px;
    font-size: 14px;
}

/* Buttons — primary (dark) and WooCommerce add-to-cart (lavender) */
.button, button, input[type="submit"],
.wp-block-button__link {
    background: var(--color-dark);
    color: var(--color-dark-text);
    text-decoration: none;
    border: none;
    border-radius: 4px;
    padding: 12px 24px;
    font-family: var(--font-body);
    cursor: url('../images/cursor-dumpling.png'), pointer;
}

.add_to_cart_button,
.single_add_to_cart_button {
    background: var(--color-accent) !important;
    color: var(--color-accent-text) !important;
    border: none;
    border-radius: 4px;
    padding: 12px 20px;
}

.price, .woocommerce-Price-amount {
    color: var(--color-price);
}

.woocommerce-loop-product__title {
    color: var(--color-heading);
}

/* Mobile overrides — kept last in the file so these rules win the cascade
   over the unconditional (desktop) rules defined earlier for the same
   properties, regardless of media-query source order. */
@media (max-width: 680px) {
    .hero__inner {
        grid-template-columns: 1fr;
        grid-template-areas:
            "copy"
            "image"
            "cta";
        gap: 24px;
    }

    .hero__cta {
        justify-self: center;
    }

    .hero__hei {
        font-size: 112px;
    }

    .hero__heading {
        font-size: 40px;
    }

    .product-story__arrow {
        display: none;
    }

    .product-story__heading {
        font-size: 34px;
    }

    .product-story__video-row {
        flex-direction: column;
    }

    .product-story__video {
        width: 100%;
        max-width: 320px;
    }

    .retailers__heading {
        font-size: 28px;
    }

    .retailers__slide {
        width: 100%;
    }

    .meist-teaser__heading {
        font-size: 40px;
    }

    .meist-teaser__row {
        flex-direction: column;
        text-align: center;
    }

    .meist-teaser__row img {
        width: 100%;
        max-width: 300px;
        margin-inline: auto;
    }

    .meist-teaser__row p {
        max-width: none;
    }

    .brand-story__heading {
        font-size: 24px;
    }

    .brand-story__row {
        flex-direction: column;
    }

    .brand-story__row img {
        width: 100%;
        max-width: 300px;
        margin-inline: auto;
    }

    .brand-story__row p {
        max-width: none;
    }

    .brand-story__formula {
        font-size: 22px;
    }

    .brand-story__uhesonaga {
        font-size: 26px;
    }

    .brand-story__address-heading {
        font-size: 26px;
    }

    .woocommerce div.product div.images,
    .woocommerce div.product div.summary {
        width: 100%;
        float: none;
    }

    .breadcrumb {
        font-size: 14px;
    }
}