:root, .block-swissup-ajaxsearch-results, .navpro-dropdown, .navigation ul a{--base-color:69,69,69;}
.page-header .panel.wrapper{background-color:#434b55;}
.page-header{background-color:#660033;}
.action.primary, .action-primary, [type='submit'], .pagebuilder-button-primary, .block-highlight .view{--button-bg:102,0,51;--button-color:255,255,255;--button-hover-bg:128,0,64;}
.action.primary:hover, .action-primary:hover, [type='submit']:hover, .pagebuilder-button-primary:hover, .block-highlight .view:hover{--button-color:255,255,255;}
.primary.button-hero, .button-hero .pagebuilder-button-primary, .primary.button-hero::after, .button-hero .pagebuilder-button-primary::after{--button-bg:40,45,48;--button-hover-bg:66,71,74;}
.primary.button-hero::before, .button-hero .pagebuilder-button-primary::before{background:#660033;}
.primary.button-hero:hover::before, .button-hero .pagebuilder-button-primary:hover::before{background:#800040;}
.category-description {
    --line-clamp: 10;
}
/* =====================================================
   1. GLOBAL / ADMIN
===================================================== */
/* Hide admin data grid wrapper (backend adjustment) */
.admin__data-grid-outer-wrap {
    display: none;
}
/* =====================================================
   2. PRODUCT GRID (Grid + Carousel Shared Styles)
===================================================== */
/* Adjust gap between product items when details exist */
.products-grid .product-items:has(.product-item-details),
[data-appearance="carousel"] .product-items:has(.product-item-details) {
    gap: 3px;
}
/* Reset product details positioning and spacing */
.products-grid .product-items:has(.product-item-details) .product-item-details,
[data-appearance="carousel"] .product-items:has(.product-item-details) .product-item-details {
    position: static !important;
    padding: 0.75rem .5rem;
}
/* Adjust product info container padding */
.products-grid .product-items:has(.product-item-details) .product-item-info,
[data-appearance="carousel"] .product-items:has(.product-item-details) .product-item-info:has(.price-box) {
    padding: 6px 6px 15px 6px;
}
/* Reposition secondary actions (wishlist, compare, etc.) */
.products-grid .product-items:has(.product-item-details) .actions-secondary,
[data-appearance="carousel"] .product-items:has(.product-item-details) .actions-secondary {
    top: 20px;
    bottom: auto;
}
/* Hide Add to Cart button inside product cards */
.products-grid .product-items:has(.product-item-details) .actions-primary .tocart,
[data-appearance="carousel"] .product-items:has(.product-item-details) .actions-primary .tocart {
    display: none;
}
/* Product name styling (multi-line clamp + typography) */
.products-grid .product-items:has(.product-item-details) .product-item-name a,
[data-appearance="carousel"] .product-items:has(.product-item-details) .product-item-name a {
    -webkit-line-clamp: 3;
    font-size: 13px;
    font-weight: 600;
    line-height: normal;
}
/* =====================================================
   3. PRODUCT PAGE
===================================================== */
/* Hide SKU on product page */
.product-info-main .attribute.sku {
    display: none;
}
/* Product title inside listing blocks */
strong.product.name.product-item-name {
    font-size: 14px;
    font-weight: 500;
}
/* Adjust list product margins */
ol.products.list.items.product-items {
    margin: -10px;
}
/* Product page block titles */
.catalog-product-view .main > .block .block-title {
    line-height: 1.15;
    font-size: 20px;
}
/* Decorative underline/accent for block titles */
.catalog-product-view .main > .block .block-title strong::after {
    background: #eddfd3;
}
/* =====================================================
   4. PRODUCT TABS
===================================================== */
/* Default tab background + text color */
[data-mage-init*='"tabs":'],
.default[data-content-type="easytabs"] > [data-role="collapsible"],
[data-mage-init*='"tabs":'] > [data-role="collapsible"] {
    background: #eddfd3;
    color: #454545;
}
/* Hover and active tab state */
[data-mage-init*='"tabs":'] > [data-role="collapsible"]:hover,
[data-mage-init*='"tabs":'] > [data-role="collapsible"][aria-expanded="true"] {
    background: #fbf9f6;
    color: #454545;
}
/* Tab content background */
[data-mage-init*='"tabs":'] > [data-role="content"] {
    background: #fbf9f6;
}
/* Remove unwanted left spacing on desktop */
@media (min-width: 768px) {
    .default[data-content-type="easytabs"] > [data-role="collapsible"],
    [data-mage-init*='"tabs":'] > [data-role="collapsible"] {
        margin-left: 0 !important;
    }
}
/* =====================================================
   5. RESPONSIVE - MOBILE
===================================================== */
/* Product page layout restructuring on small screens */
@media (max-width: 639px) {
    .product-info-wrapper {
        display: grid;
        grid-template-rows: auto 1fr;
        grid-template-columns: 1fr;
        grid-template-areas:
            "media"
            "title"
            "main";
        gap: 1rem;
        margin-bottom: 1rem;
    }
    /* Hide breadcrumbs on mobile */
    .breadcrumbs {
        display: none;
    }
    /* Slight zoom effect on main product image */
    .product.media .main-image {
        transform: scale(1.06);
        margin-top: -8px;
    }
}
/* Hide header top panel on tablet/mobile */
@media (max-width: 767px) {
    .page-header .panel.wrapper {
        display: none;
    }
}
/* =====================================================
   6. CONTACT PAGE
===================================================== */
/* Light background for contact and vendor container */
.column.main .contact-wrapper,
.vendor-profile-container {
    background: #fbf9f6;
}
/* =====================================================
   7. VENDOR PROFILE
===================================================== */
/* Hide vendor logo */
.vendor-profile-logo {
    display: none;
    width: 0;
}
/* Vendor description layout */
.vendor-profile-description {
    display: block;
    width: calc(100% - 40px);
    float: left;
    padding: 0 20px;
}
/* Vendor title spacing reset */
.vendor-profile-description h2.vendor-title {
    margin: 0 !important;
}
/* Vendor title typography */
.vendor-profile-description h2.vendor-title a {
    font-size: 14px;
    font-weight: 400;
}
/* Hide vendor meta info and secondary actions */
.vendor-profile-description .vendor-info,
.vendor-page .actions-secondary {
    display: none;
}
/* Make vendor main column full width */
.vendor-page.page-layout-2columns-left .column.main {
    width: 100%;
}
/* =====================================================
   8. TYPOGRAPHY SYSTEM
===================================================== */
/* H1 Styling */
h1, .h1 {
    font-size: 34px;
    font-weight: 400;
    line-height: 1.1;
}
/* H2 + Contact legend */
h2, .h2,
.contact-wrapper .form.contact .legend {
    font-size: 22px;
    font-weight: 500;
}
/* Breadcrumb typography */
.breadcrumbs {
    font-size: 13px;
}
/* Main navigation links */
.navigation a.level-top {
    font-weight: 500;
    font-size: 15px;
    text-transform: capitalize;
}
/* =====================================================
   9. FILTERS / LAYERED NAVIGATION
===================================================== */
/* Filter section titles */
.block.filter .filter-options-title {
    font-size: 15px;
    font-weight: 500;
}
/* Filter option links */
.block.filter .filter-options-content li.item > a:has(.count) {
    font-size: 14px;
}
/* Filter product count badge */
.block.filter .filter-options-content li.item .count {
    margin-left: auto;
    font-size: 14px;
    font-weight: 400;
    color: #17861b;
}
/* Hide filter title in specific mobile layouts */
@media (max-width: 767.98px) {
 .vendor-page .page-layout-1column .block.filter .filter-title,
 .vendor-page .sidebar .block.filter .filter-title {
        display: none;
    }
}
/* =====================================================
   10. PRICE & SWATCH CUSTOMIZATION
===================================================== */
/* Price color styling */
.special-price,
.price-box, .product-item .price-box {
    color: rgb(152 39 4);
}
/* Selected swatch visual enhancement */
.swatch-option.selected::before {
    box-shadow: 0 0 0 2px inset #660033,
                0 0 0 3px inset #fff;
}
/* =====================================================
   11. SIDEBAR CUSTOMIZATION
===================================================== */
/* Sidebar product name styling */
.sidebar.sidebar-additional strong.product-item-name {
    font-size: 13px;
    line-height: 15px;
    font-weight: 400;
}
/* Adjust promo labels positioning */
.sidebar.sidebar-additional .prolabels-wrapper .top-left {
    top: -12px;
    left: -20px;
    scale: .7;
}
/* =====================================================
   12. BUTTON CUSTOMIZATION
===================================================== */
/* Hero button arrow/icon color */
.primary.button-hero::after,
.button-hero .pagebuilder-button-primary::after {
    color: #fff;
}
/* =====================================================
   13. IMAGE & MEDIA FIXES
===================================================== */
/* Ensure product images fill container properly */
.product-item-info picture {
    display: block;
    width: 100%;
    height: 100%;
}
/* Header search background */
:where(.header) .minisearch .control {
    background: #292d30;
}
/* Fix gallery dots stacking */
.breeze-gallery:not(.opened) .thumbnails.dots {
    z-index: 20;
}
/* Amazon stripe layout adjustments */
.amazon-stripe .product-item-name {
    font-size: 13px;
    font-weight: 600;
}
.amazon-stripe .amazonstyle-images {
    text-align: left;
}
/* =====================================================
   14. VISIBILITY UTILITIES (Responsive Helpers)
===================================================== */
/* Hide on mobile */
@media (max-width: 767px) {
    .hide-on-mobile {
        display: none !important;
    }
}
/* Hide on tablet */
@media (min-width: 768px) and (max-width: 1024px) {
    .hide-on-tablet {
        display: none !important;
    }
}
/* Hide on desktop */
@media (min-width: 1025px) {
    .hide-on-desktop {
        display: none !important;
    }
}
/* =====================================================
   15. CUSTOMER REQUEST / TABLE STYLING
===================================================== */
/* Zebra stripe for even rows */
.box-customer-request .data-table .even {
    background: #d2d2d2;
}
/* Hide file uploader field */
.request-information .field.uploader {
    display: none;
}
/* =====================================================
   16. CUSTOMER ALSO BOUGHT / SLICK ARROW ISSUE
===================================================== */
.soldtogether-swiper .slick-arrow {
    top: 113%;
}
.soldtogether-swiper {
    margin-bottom: 40px;
}
#free-shipping-bar-message.position-message {
    position: relative !important;
}
/* Hides the Tax row in the cart and checkout totals summary */
.totals.tax,
.checkout-cart-index .totals-tax,
.opc-block-summary .table-totals tr.totals-tax {
    display: none !important;
}
/*Actions background color and radius*/
.actions-secondary .action {
    background: #ffffffa8;
    border-radius: 20px;
}
.old-price {
    color: rgb(71 71 71 / 97%);
}
.color-muted {
    color: #404040 !important;
}
.price-label, .price-box .label, .msrp-message {
    color: rgb(27 27 27);
}
.block.filter .content .count, .block.filter .filter-options .count {
    color: #007e0a;
}
.recent.products-list span.prolabel {
   display:none;
}
@media (min-width: 768px) {
    .column:not(.sidebar-main) .form.contact, .column:not(.sidebar-additional) .form.contact {
        width: auto;
        float: inherit;
    }
}
/* Target the items inside the sitemap content block */
.sitemap-block-content li:nth-child(odd),
.sitemap-block-content div:nth-child(odd),
.sitemap-block-content a:nth-of-type(odd) {
    background-color: #fbf9f6;
}
.sitemap-block-content li:nth-child(even),
.sitemap-block-content div:nth-child(even),
.sitemap-block-content a:nth-of-type(even) {
    background-color: #ffffff; /* White */
}
/* Ensure the background stretches and has some breathing room */
.sitemap-block-content li,
.sitemap-block-content a {
    display: block;
    padding: 10px 15px;
    margin: 0;
    transition: background-color 0.2s ease;
}
/* Optional: Add a subtle hover effect for better UX */
.sitemap-block-content li:hover,
.sitemap-block-content a:hover {
    background-color: #f0f0f0 !important;
    text-decoration: none;
}
/* Review background and rating stars color */
.rating-result>span {
    color: #660033;
}
.review-item {
    background: #ece0d3;
}
/* Review date hide */
.review-list .review-date {
    display: none;
}
/* homepage slider wishlist hide */
.home-product-carousel a.action.towishlist {
    display: none;
}
/* Quickview jewellery price breakup table design */
.modals-wrapper .jewellery-price-breakdown {
  line-height: 1px;
  border: 1px solid #eee;
  padding: 10px;
  margin-top: 20px;
  border-radius: 8px;
  font-weight: lighter;
  font-size: 14px;
}
tr.jewellery-price-breakdown__grandtotal {
    font-weight: 500;
}
.modals-wrapper table.jewellery-price-breakdown__table {
    line-height: 4px;
}
/* Product name margin top */
.page-title-wrapper.product {
    margin-top: 12px;
}
.breeze-gallery .stage {
    background: rgb(251 251 251);
}
/* =========================================================
   KOKUDI — HOMEPAGE SECTION TITLE SYSTEM
   Fixed / isolated from Magento heading styles
   Used by:
   - 18K Fine Jewellery
   - Accessories
   - New Collections
   - Men
   - Product/category slider section titles
   ========================================================= */
.kokudi-home-title {
    --kht-wine: #660033;
    --kht-text: #171515;
    --kht-muted: #625b56;
    --kht-line: #d8cbc0;
    --kht-bg: #faf7f2;
    position: relative;
    width: 100%;
    margin: 0 !important;
    padding: 52px 20px 32px;
    box-sizing: border-box;
    overflow: hidden;
    background: var(--kht-bg);
    text-align: center;
    line-height: normal;
}
.kokudi-home-title *,
.kokudi-home-title *::before,
.kokudi-home-title *::after {
    box-sizing: border-box;
}
.kokudi-home-title__inner {
    position: relative;
    z-index: 2;
    width: 100%;
    max-width: 1000px;
    margin: 0 auto;
}
/* Eyebrow */
.kokudi-home-title__eyebrow {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 18px;
    margin: 0 0 13px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: 600;
    line-height: 1.2;
    letter-spacing: 4px;
    text-transform: uppercase;
    color: var(--kht-wine);
}
.kokudi-home-title__eyebrow::before,
.kokudi-home-title__eyebrow::after {
    content: "";
    display: block;
    width: 42px;
    height: 1px;
    background: rgba(102, 0, 51, .28);
}
/* Main heading */
.kokudi-home-title h2,
.kokudi-home-title__heading {
    margin: 0 !important;
    padding: 0 !important;
    font-family: Georgia, "Times New Roman", serif;
    font-size: clamp(40px, 4.8vw, 62px);
    font-weight: 400;
    line-height: 1.02;
    letter-spacing: -1.4px;
    color: var(--kht-text);
}
.kokudi-home-title h2 span,
.kokudi-home-title__heading span {
    color: var(--kht-wine);
}
/* Ornament */
.kokudi-home-title__ornament {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 190px;
    margin: 19px auto 16px;
    gap: 12px;
}
.kokudi-home-title__ornament span {
    display: block;
    flex: 1;
    height: 1px;
    background: var(--kht-line);
}
.kokudi-home-title__ornament i {
    display: block;
    margin: 0;
    padding: 0;
    font-family: Georgia, "Times New Roman", serif;
    font-size: 15px;
    font-style: normal;
    line-height: 1;
    color: var(--kht-wine);
}
/* Description */
.kokudi-home-title p,
.kokudi-home-title__description {
    max-width: 700px;
    margin: 0 auto !important;
    padding: 0 !important;
    font-family: Georgia, "Times New Roman", serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.6;
    color: var(--kht-muted);
}
/* Botanical decoration */
.kokudi-home-title__botanical {
    position: absolute;
    z-index: 1;
    top: -35px;
    right: -5px;
    width: 210px;
    height: 340px;
    color: #e1d4c8;
    opacity: .35;
    pointer-events: none;
}
/* Clean variant */
.kokudi-home-title--clean
.kokudi-home-title__eyebrow::before,
.kokudi-home-title--clean
.kokudi-home-title__eyebrow::after {
    display: none;
}
/* Left variant */
.kokudi-home-title--left {
    text-align: left;
}
.kokudi-home-title--left .kokudi-home-title__inner {
    max-width: 1200px;
}
.kokudi-home-title--left .kokudi-home-title__eyebrow {
    justify-content: flex-start;
}
.kokudi-home-title--left .kokudi-home-title__ornament {
    margin-left: 0;
    margin-right: 0;
}
.kokudi-home-title--left .kokudi-home-title p,
.kokudi-home-title--left .kokudi-home-title__description {
    margin-left: 0 !important;
}
/* Compact variant */
.kokudi-home-title--compact {
    padding-top: 34px;
    padding-bottom: 22px;
}
.kokudi-home-title--compact .kokudi-home-title__eyebrow {
    margin-bottom: 9px;
    font-size: 10px;
    letter-spacing: 3.5px;
}
.kokudi-home-title--compact h2,
.kokudi-home-title--compact .kokudi-home-title__heading {
    font-size: clamp(32px, 4vw, 48px);
}
.kokudi-home-title--compact .kokudi-home-title__ornament {
    margin-top: 14px;
    margin-bottom: 12px;
}
.kokudi-home-title--compact p,
.kokudi-home-title--compact .kokudi-home-title__description {
    font-size: 13px;
}
/* Homepage title responsive */
@media (max-width: 900px) {
    .kokudi-home-title {
        padding: 45px 20px 29px;
    }
    .kokudi-home-title__botanical {
        right: -35px;
        width: 180px;
        height: 300px;
        opacity: .30;
    }
}
@media (max-width: 600px) {
    .kokudi-home-title {
        padding: 37px 18px 25px;
    }
    .kokudi-home-title__eyebrow {
        gap: 10px;
        margin-bottom: 10px;
        font-size: 9px;
        letter-spacing: 3px;
    }
    .kokudi-home-title__eyebrow::before,
    .kokudi-home-title__eyebrow::after {
        width: 27px;
    }
    .kokudi-home-title h2,
    .kokudi-home-title__heading {
        font-size: 34px;
        line-height: 1.08;
        letter-spacing: -.7px;
    }
    .kokudi-home-title__ornament {
        width: 165px;
        margin: 15px auto 13px;
        gap: 9px;
    }
    .kokudi-home-title__ornament i {
        font-size: 12px;
    }
    .kokudi-home-title p,
    .kokudi-home-title__description {
        font-size: 12px;
        line-height: 1.55;
    }
    .kokudi-home-title__botanical {
        top: -12px;
        right: -42px;
        width: 145px;
        height: 245px;
        opacity: .24;
    }
    .kokudi-home-title--compact {
        padding-top: 29px;
        padding-bottom: 20px;
    }
    .kokudi-home-title--compact h2,
    .kokudi-home-title--compact .kokudi-home-title__heading {
        font-size: 30px;
    }
}
@media (max-width: 380px) {
    .kokudi-home-title {
        padding: 32px 15px 23px;
    }
    .kokudi-home-title h2,
    .kokudi-home-title__heading {
        font-size: 31px;
    }
    .kokudi-home-title p,
    .kokudi-home-title__description {
        font-size: 11px;
    }
    .kokudi-home-title__botanical {
        right: -55px;
        opacity: .20;
    }
}
/* =========================================================
   KOKUDI BENEFITS / TRUST STRIP
   ========================================================= */
.kokudi-benefits-strip {
    width: 100%;
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    align-items: center;
    background: #ffffff;
    border-top: 1px solid #eee9e5;
    border-bottom: 1px solid #eee9e5;
    margin: 0 !important;
    padding: 18px 5%;
    box-sizing: border-box;
}
.kokudi-benefit {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 12px;
    min-width: 0;
    padding: 4px 18px;
    border-right: 1px solid #e9e4df;
}
.kokudi-benefit:last-child {
    border-right: 0;
}
.kokudi-benefit__icon {
    width: 30px;
    height: 30px;
    flex: 0 0 30px;
    color: #660033;
}
.kokudi-benefit__icon svg {
    display: block;
    width: 100%;
    height: 100%;
}
.kokudi-benefit__text {
    display: flex;
    flex-direction: column;
    gap: 3px;
    line-height: 1.2;
}
.kokudi-benefit__text strong {
    margin: 0;
    padding: 0;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: 600;
    letter-spacing: .1px;
    color: #222222;
}
.kokudi-benefit__text span {
    margin: 0;
    padding: 0;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: 400;
    color: #77716d;
}
/* =========================================================
   TABLET
   ========================================================= */
@media (max-width: 900px) {
    .kokudi-benefits-strip {
        padding: 15px 2%;
    }
    .kokudi-benefit {
        gap: 8px;
        padding: 4px 9px;
    }
    .kokudi-benefit__icon {
        width: 25px;
        height: 25px;
        flex-basis: 25px;
    }
    .kokudi-benefit__text strong {
        font-size: 11px;
    }
    .kokudi-benefit__text span {
        font-size: 10px;
    }
}
/* =========================================================
   MOBILE
   ========================================================= */
@media (max-width: 600px) {
    .kokudi-benefits-strip {
        grid-template-columns: repeat(2, 1fr);
        padding: 0;
        border-top: 1px solid #eee9e5;
        border-bottom: 1px solid #eee9e5;
    }
    .kokudi-benefit {
        justify-content: flex-start;
        min-height: 62px;
        padding: 10px 13px;
        gap: 9px;
        border-right: 1px solid #e9e4df;
        border-bottom: 1px solid #e9e4df;
    }
    .kokudi-benefit:nth-child(2) {
        border-right: 0;
    }
    .kokudi-benefit:nth-child(3) {
        border-bottom: 0;
    }
    .kokudi-benefit:nth-child(4) {
        border-right: 0;
        border-bottom: 0;
    }
    .kokudi-benefit__icon {
        width: 23px;
        height: 23px;
        flex: 0 0 23px;
    }
    .kokudi-benefit__text {
        gap: 2px;
    }
    .kokudi-benefit__text strong {
        font-size: 11px;
        line-height: 1.25;
    }
    .kokudi-benefit__text span {
        font-size: 10px;
        line-height: 1.25;
    }
}
/* =========================================================
   VERY SMALL MOBILE
   ========================================================= */
@media (max-width: 360px) {
    .kokudi-benefit {
        padding: 9px 9px;
        gap: 7px;
    }
    .kokudi-benefit__icon {
        width: 21px;
        height: 21px;
        flex-basis: 21px;
    }
    .kokudi-benefit__text strong {
        font-size: 11px;
    }
    .kokudi-benefit__text span {
        font-size: 10px;
    }
}
/* CMS page breadcrumb cleanup */
.cms-page-view .breadcrumbs {
    display: none !important;
}
/* =========================================================
   KOKUDI — SELL ON KOKUDI
   Responsive CSS for Magento / Argento Breeze
   Scope: .kokudi-seller-page only
   ========================================================= */
.kokudi-seller-page {
  --ks-wine:#660033;
  --ks-wine-dark:#470025;
  --ks-plum:#6b315e;
  --ks-lavender:#f1e8f3;
  --ks-cream:#fbf7f3;
  --ks-text:#191821;
  --ks-muted:#625d64;
  --ks-line:rgba(31,24,34,.13);
  width:100%;
  margin:0;
  padding:0;
  color:var(--ks-text);
  font-family:Arial,Helvetica,sans-serif;
  line-height:1.55;
  overflow:hidden;
}
.kokudi-seller-page,
.kokudi-seller-page * { box-sizing:border-box; }
.kokudi-seller-page img { max-width:100%; }
.kokudi-seller-page h1,
.kokudi-seller-page h2,
.kokudi-seller-page h3 { font-family:Georgia,"Times New Roman",serif; font-weight:400; }
.kokudi-seller-page p { margin:0 0 15px; }
.kokudi-seller-page .ks-eyebrow {
  color:var(--ks-wine);
  font-size:10px;
  font-weight:700;
  letter-spacing:3px;
  line-height:1.3;
  text-transform:uppercase;
}
.kokudi-seller-page .ks-title {
  text-align:center;
  max-width:900px;
  margin:0 auto 42px;
}
.kokudi-seller-page .ks-title h2 {
  margin:10px 0 0;
  font-size:42px;
  line-height:1.08;
  letter-spacing:-.5px;
}
/* Hero */
.kokudi-seller-page .ks-hero {
  display:grid;
  grid-template-columns:minmax(0,46%) minmax(0,54%);
  background:linear-gradient(115deg,#fbf7f3,#f3e8f0);
}
.kokudi-seller-page .ks-hero-copy {
  display:flex;
  flex-direction:column;
  justify-content:center;
  padding:65px 9%;
}
.kokudi-seller-page .ks-hero h1 {
  margin:12px 0 21px;
  font-size:clamp(40px,4.3vw,64px);
  line-height:1;
  letter-spacing:-1.5px;
}
.kokudi-seller-page .ks-hero h1 span {
  display:block;
  color:var(--ks-wine);
}
.kokudi-seller-page .ks-hero-copy p {
  max-width:650px;
  color:#48434a;
  font-size:14px;
  line-height:1.65;
}
.kokudi-seller-page .ks-button {
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:10px;
  align-self:flex-start;
  margin-top:4px;
  padding:13px 24px;
  background:var(--ks-wine);
  border:1px solid var(--ks-wine);
  color:#fff!important;
  text-decoration:none!important;
  font-size:13px;
  font-weight:700;
}
.kokudi-seller-page .ks-button b { font-size:17px; font-weight:400; }
.kokudi-seller-page .ks-hero-image,
.kokudi-seller-page .ks-fee-image,
.kokudi-seller-page .ks-cta-image { min-width:0; }
.kokudi-seller-page .ks-hero-image img {
  display:block;
  width:100%;
  height:520px;
  object-fit:cover;
}
/* Benefits */
.kokudi-seller-page .ks-section { padding:72px 5%; }
.kokudi-seller-page .ks-benefits { background:#fff; }
.kokudi-seller-page .ks-benefit-grid {
  display:grid;
  grid-template-columns:repeat(5,minmax(0,1fr));
  max-width:1450px;
  margin:0 auto;
}
.kokudi-seller-page .ks-benefit {
  padding:8px 22px;
  text-align:center;
  border-right:1px solid var(--ks-line);
}
.kokudi-seller-page .ks-benefit:last-child { border-right:0; }
.kokudi-seller-page .ks-round {
  display:flex;
  align-items:center;
  justify-content:center;
  width:54px;
  height:54px;
  margin:0 auto 16px;
  border:1px solid rgba(102,0,51,.15);
  border-radius:50%;
  background:#f8eaf0;
  color:var(--ks-wine);
  font-family:Georgia,serif;
  font-size:24px;
}
.kokudi-seller-page .ks-benefit h3 {
  margin:0 0 10px;
  font-size:19px;
  line-height:1.1;
}
.kokudi-seller-page .ks-benefit p,
.kokudi-seller-page .ks-step p {
  color:var(--ks-muted);
  font-size:12px;
  line-height:1.55;
}
/* Process */
.kokudi-seller-page .ks-process {
  background:linear-gradient(120deg,var(--ks-lavender),#fbf0f3);
}
.kokudi-seller-page .ks-step-grid {
  display:grid;
  grid-template-columns:repeat(5,minmax(0,1fr));
  max-width:1450px;
  margin:0 auto;
}
.kokudi-seller-page .ks-step {
  padding:5px 22px;
  border-right:1px solid var(--ks-line);
}
.kokudi-seller-page .ks-step:last-child { border-right:0; }
.kokudi-seller-page .ks-number {
  display:flex;
  align-items:center;
  justify-content:center;
  width:39px;
  height:39px;
  margin-bottom:16px;
  border-radius:50%;
  background:var(--ks-wine);
  color:#fff;
  font-size:13px;
  font-weight:700;
}
.kokudi-seller-page .ks-step h3 {
  margin:0 0 9px;
  font-size:19px;
  line-height:1.1;
}
/* Fees */
.kokudi-seller-page .ks-fee-row {
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(0,1fr);
  background:linear-gradient(135deg,#fbefef,#f0e5f3);
}
.kokudi-seller-page .ks-fee-copy {
  padding:58px 10%;
  display:flex;
  flex-direction:column;
  justify-content:center;
}
.kokudi-seller-page .ks-fee-copy h2,
.kokudi-seller-page .ks-who h2 {
  margin:10px 0 17px;
  color:var(--ks-wine);
  font-size:40px;
  line-height:1.05;
}
.kokudi-seller-page .ks-fee-copy p,
.kokudi-seller-page .ks-who p {
  color:var(--ks-muted);
  font-size:14px;
  line-height:1.62;
}
.kokudi-seller-page .ks-fee-image img {
  display:block;
  width:100%;
  height:370px;
  object-fit:cover;
}
/* Who */
.kokudi-seller-page .ks-who {
  padding:58px 5%;
  background:#fff;
}
.kokudi-seller-page .ks-who-inner { max-width:1200px; margin:0 auto; }
/* FAQ */
.kokudi-seller-page .ks-faq { background:#fff; }
.kokudi-seller-page .ks-faq-list {
  max-width:1100px;
  margin:0 auto;
  border-top:1px solid var(--ks-line);
  display:grid;
  grid-template-columns:1fr 1fr;
  column-gap:36px;
}
.kokudi-seller-page .ks-faq-item {
  border-bottom:1px solid var(--ks-line);
}
.kokudi-seller-page .ks-faq-item summary {
  position:relative;
  padding:17px 32px 17px 3px;
  color:#29252c;
  font:500 14px Arial,Helvetica,sans-serif;
  cursor:pointer;
  list-style:none;
}
.kokudi-seller-page .ks-faq-item summary::-webkit-details-marker { display:none; }
.kokudi-seller-page .ks-faq-item summary:after {
  content:"+";
  position:absolute;
  right:4px;
  top:11px;
  color:var(--ks-wine);
  font:400 23px Georgia,serif;
}
.kokudi-seller-page .ks-faq-item[open] summary:after { content:"−"; }
.kokudi-seller-page .ks-answer {
  padding:0 32px 17px 3px;
  color:var(--ks-muted);
  font-size:13px;
  line-height:1.6;
}
/* CTA */
.kokudi-seller-page .ks-cta {
  display:grid;
  grid-template-columns:minmax(0,55%) minmax(0,45%);
  background:linear-gradient(120deg,#470025,#6b315e 58%,#5d3972);
}
.kokudi-seller-page .ks-cta-copy {
  min-height:390px;
  padding:65px 11%;
  display:flex;
  flex-direction:column;
  justify-content:center;
  color:#fff;
}
.kokudi-seller-page .ks-cta .ks-eyebrow { color:#ead4e4; }
.kokudi-seller-page .ks-cta h2 {
  max-width:700px;
  margin:12px 0 16px;
  color:#fff;
  font-size:clamp(36px,4vw,55px);
  line-height:1.03;
}
.kokudi-seller-page .ks-cta p {
  max-width:650px;
  color:rgba(255,255,255,.88);
  font-size:14px;
}
.kokudi-seller-page .ks-button-light {
  background:#fff;
  border-color:#fff;
  color:var(--ks-wine)!important;
}
.kokudi-seller-page .ks-cta-image img {
  display:block;
  width:100%;
  height:390px;
  object-fit:cover;
}
/* Tablet */
@media (max-width:1000px) {
  .kokudi-seller-page .ks-hero { grid-template-columns:1fr 1fr; }
  .kokudi-seller-page .ks-hero-copy { padding:45px 6%; }
  .kokudi-seller-page .ks-hero h1 { font-size:42px; }
  .kokudi-seller-page .ks-benefit-grid,
  .kokudi-seller-page .ks-step-grid { grid-template-columns:repeat(2,1fr); }
  .kokudi-seller-page .ks-benefit { border-bottom:1px solid var(--ks-line); padding:24px 18px; }
  .kokudi-seller-page .ks-benefit:nth-child(2n) { border-right:0; }
  .kokudi-seller-page .ks-step { border-bottom:1px solid var(--ks-line); padding:24px 18px; }
  .kokudi-seller-page .ks-step:nth-child(2n) { border-right:0; }
  .kokudi-seller-page .ks-title h2 { font-size:36px; }
}
/* Mobile */
@media (max-width:767px) {
  .kokudi-seller-page .ks-hero {
    display:flex;
    flex-direction:column;
  }
  .kokudi-seller-page .ks-hero-image { order:0; }
  .kokudi-seller-page .ks-hero-image img {
    height:300px;
    min-height:0;
    object-position:center;
  }
  .kokudi-seller-page .ks-hero-copy {
    order:1;
    padding:38px 22px 45px;
  }
  .kokudi-seller-page .ks-hero h1 {
    font-size:39px;
    letter-spacing:-1px;
  }
  .kokudi-seller-page .ks-hero-copy p { font-size:14px; }
  .kokudi-seller-page .ks-section { padding:52px 20px; }
  .kokudi-seller-page .ks-title { margin-bottom:30px; }
  .kokudi-seller-page .ks-title h2 { font-size:30px; }
  .kokudi-seller-page .ks-benefit-grid,
  .kokudi-seller-page .ks-step-grid {
    grid-template-columns:1fr;
  }
  .kokudi-seller-page .ks-benefit {
    padding:25px 8px;
    border-right:0;
  }
  .kokudi-seller-page .ks-benefit:last-child { border-bottom:0; }
  .kokudi-seller-page .ks-benefit h3 { font-size:20px; }
  .kokudi-seller-page .ks-step {
    padding:25px 8px;
    border-right:0;
  }
  .kokudi-seller-page .ks-step:last-child { border-bottom:0; }
  .kokudi-seller-page .ks-fee-row {
    display:flex;
    flex-direction:column;
  }
  .kokudi-seller-page .ks-fee-copy {
    padding:44px 22px;
    order:0;
  }
  .kokudi-seller-page .ks-fee-copy h2,
  .kokudi-seller-page .ks-who h2 { font-size:31px; }
  .kokudi-seller-page .ks-fee-image { order:1; }
  .kokudi-seller-page .ks-fee-image img {
    height:270px;
    min-height:0;
  }
  .kokudi-seller-page .ks-who { padding:44px 22px; }
  .kokudi-seller-page .ks-faq-list {
    display:block;
    column-gap:0;
  }
  .kokudi-seller-page .ks-faq-item button { font-size:14px; }
  .kokudi-seller-page .ks-cta {
    display:flex;
    flex-direction:column;
  }
  .kokudi-seller-page .ks-cta-copy {
    min-height:0;
    padding:48px 22px;
    order:0;
  }
  .kokudi-seller-page .ks-cta h2 { font-size:38px; }
  .kokudi-seller-page .ks-cta-image { order:1; }
  .kokudi-seller-page .ks-cta-image img {
    height:280px;
    min-height:0;
  }
}
/* Small phones */
@media (max-width:420px) {
  .kokudi-seller-page .ks-hero-image img { height:270px; }
  .kokudi-seller-page .ks-hero h1 { font-size:36px; }
  .kokudi-seller-page .ks-title h2 { font-size:28px; }
  .kokudi-seller-page .ks-cta h2 { font-size:35px; }
}
/* =========================================================
   KOKUDI — ABOUT US
   ========================================================= */
.kokudi-about-page {
    --ka-wine: #660033;
    --ka-wine-dark: #470025;
    --ka-plum: #6b315e;
    --ka-lavender: #f2e9f3;
    --ka-cream: #faf7f3;
    --ka-text: #1d1920;
    --ka-muted: #625c63;
    --ka-line: rgba(31, 24, 34, .13);
    width: 100%;
    margin: 0;
    padding: 0;
    color: var(--ka-text);
    font-family: Arial, Helvetica, sans-serif;
    line-height: 1.6;
    overflow: hidden;
}
.kokudi-about-page *,
.kokudi-about-page *::before,
.kokudi-about-page *::after {
    box-sizing: border-box;
}
.kokudi-about-page img {
    display: block;
    max-width: 100%;
}
.kokudi-about-page h1,
.kokudi-about-page h2,
.kokudi-about-page h3 {
    font-family: Georgia, "Times New Roman", serif;
    font-weight: 400;
}
.kokudi-about-page p {
    margin: 0 0 16px;
}
.kokudi-about-page .ka-eyebrow {
    color: var(--ka-wine);
    font-size: 10px;
    font-weight: 700;
    letter-spacing: 3px;
    line-height: 1.3;
    text-transform: uppercase;
}
.kokudi-about-page .ka-discover h2 {
    color: #ffffff;
}
/* HERO
--------------------------------------------------------- */
.kokudi-about-page .ka-hero {
    display: grid;
    grid-template-columns: 46% 54%;
    background: linear-gradient(
        120deg,
        #faf7f3 0%,
        #f6edf1 100%
    );
}
.kokudi-about-page .ka-hero-copy {
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 75px 10%;
}
.kokudi-about-page .ka-hero h1 {
    margin: 13px 0 24px;
    font-size: clamp(44px, 4.5vw, 68px);
    line-height: .98;
    letter-spacing: -1.5px;
}
.kokudi-about-page .ka-hero h1 span {
    display: block;
    color: var(--ka-wine);
}
.kokudi-about-page .ka-hero p {
    max-width: 620px;
    color: var(--ka-muted);
    font-size: 14px;
    line-height: 1.7;
}
.kokudi-about-page .ka-hero-image img {
    width: 100%;
    height: 540px;
    object-fit: cover;
}
/* INTRO
--------------------------------------------------------- */
.kokudi-about-page .ka-intro {
    padding: 80px 5%;
    background: #fff;
    text-align: center;
}
.kokudi-about-page .ka-intro-inner {
    max-width: 850px;
    margin: 0 auto;
}
.kokudi-about-page .ka-intro h2 {
    margin: 12px 0 20px;
    font-size: 42px;
    line-height: 1.08;
}
.kokudi-about-page .ka-intro h2 span {
    color: var(--ka-wine);
}
.kokudi-about-page .ka-intro p {
    color: var(--ka-muted);
    font-size: 15px;
    line-height: 1.8;
}
/* GENERAL SECTIONS
--------------------------------------------------------- */
.kokudi-about-page .ka-section {
    padding: 78px 5%;
}
.kokudi-about-page .ka-section-title {
    max-width: 800px;
    margin: 0 auto 48px;
    text-align: center;
}
.kokudi-about-page .ka-section-title h2 {
    margin: 11px 0 0;
    font-size: 42px;
    line-height: 1.08;
}
.kokudi-about-page .ka-section-title h2 span {
    color: var(--ka-wine);
}
/* VALUES
--------------------------------------------------------- */
.kokudi-about-page .ka-values {
    background: linear-gradient(
        135deg,
        #f7edf2 0%,
        #f1e8f3 100%
    );
}
.kokudi-about-page .ka-values-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    max-width: 1200px;
    margin: 0 auto;
}
.kokudi-about-page .ka-value {
    padding: 15px 42px;
    border-right: 1px solid var(--ka-line);
}
.kokudi-about-page .ka-value:last-child {
    border-right: 0;
}
.kokudi-about-page .ka-value-number {
    margin-bottom: 22px;
    color: var(--ka-wine);
    font-family: Georgia, "Times New Roman", serif;
    font-size: 14px;
    letter-spacing: 2px;
}
.kokudi-about-page .ka-value h3 {
    margin: 0 0 12px;
    font-size: 25px;
    line-height: 1.1;
}
.kokudi-about-page .ka-value p {
    color: var(--ka-muted);
    font-size: 14px;
    line-height: 1.7;
}
/* MISSION
--------------------------------------------------------- */
.kokudi-about-page .ka-mission {
    display: grid;
    grid-template-columns: 50% 50%;
    background: #fff;
}
.kokudi-about-page .ka-mission-image img {
    width: 100%;
    height: 480px;
    object-fit: cover;
}
.kokudi-about-page .ka-mission-copy {
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 65px 10%;
}
.kokudi-about-page .ka-mission-copy h2 {
    margin: 12px 0 20px;
    font-size: 42px;
    line-height: 1.05;
}
.kokudi-about-page .ka-mission-copy h2 span {
    display: block;
    color: var(--ka-wine);
}
.kokudi-about-page .ka-mission-copy p {
    color: var(--ka-muted);
    font-size: 14px;
    line-height: 1.75;
}
/* WHY SHOP
--------------------------------------------------------- */
.kokudi-about-page .ka-shop {
    background: var(--ka-cream);
}
.kokudi-about-page .ka-shop-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    max-width: 1200px;
    margin: 0 auto;
    gap: 20px;
}
.kokudi-about-page .ka-shop-card {
    padding: 38px 35px;
    background: #fff;
    border: 1px solid rgba(102, 0, 51, .08);
}
.kokudi-about-page .ka-card-icon {
    margin-bottom: 28px;
    color: var(--ka-wine);
    font-family: Georgia, "Times New Roman", serif;
    font-size: 14px;
    letter-spacing: 2px;
}
.kokudi-about-page .ka-shop-card h3 {
    margin: 0 0 12px;
    font-size: 25px;
}
.kokudi-about-page .ka-shop-card p {
    color: var(--ka-muted);
    font-size: 14px;
    line-height: 1.7;
}
/* DISCOVER
--------------------------------------------------------- */
.kokudi-about-page .ka-discover {
    position: relative;
    display: flex;
    align-items: center;
    min-height: 460px;
    padding: 80px 10%;
    background:
        linear-gradient(
            120deg,
            #470025 0%,
            #6b315e 55%,
            #5d3972 100%
        );
    color: #fff;
}
.kokudi-about-page .ka-discover-copy {
    max-width: 760px;
}
.kokudi-about-page .ka-discover .ka-eyebrow {
    color: #ead4e4;
}
.kokudi-about-page .ka-discover h2 {
    margin: 13px 0 20px;
    font-size: 52px;
    line-height: 1;
}
.kokudi-about-page .ka-discover h2 span {
    color: #f1cbdc;
}
.kokudi-about-page .ka-discover p {
    max-width: 700px;
    color: rgba(255,255,255,.87);
    font-size: 14px;
    line-height: 1.7;
}
.kokudi-about-page .ka-discover-line {
    position: absolute;
    right: 8%;
    bottom: 55px;
    display: flex;
    gap: 8px;
}
.kokudi-about-page .ka-discover-line span {
    display: block;
    width: 45px;
    height: 1px;
    background: rgba(255,255,255,.45);
}
/* TABLET
--------------------------------------------------------- */
@media (max-width: 900px) {
    .kokudi-about-page .ka-hero {
        grid-template-columns: 1fr 1fr;
    }
    .kokudi-about-page .ka-hero-copy {
        padding: 50px 7%;
    }
    .kokudi-about-page .ka-hero h1 {
        font-size: 45px;
    }
    .kokudi-about-page .ka-values-grid,
    .kokudi-about-page .ka-shop-grid {
        grid-template-columns: 1fr;
        max-width: 600px;
    }
    .kokudi-about-page .ka-value {
        padding: 30px 15px;
        border-right: 0;
        border-bottom: 1px solid var(--ka-line);
        text-align: center;
    }
    .kokudi-about-page .ka-value:last-child {
        border-bottom: 0;
    }
    .kokudi-about-page .ka-shop-card {
        text-align: center;
    }
}
/* MOBILE
--------------------------------------------------------- */
@media (max-width: 767px) {
    .kokudi-about-page .ka-hero {
        display: flex;
        flex-direction: column;
    }
    .kokudi-about-page .ka-hero-image {
        order: 0;
    }
    .kokudi-about-page .ka-hero-image img {
        height: 300px;
    }
    .kokudi-about-page .ka-hero-copy {
        order: 1;
        padding: 42px 22px 48px;
    }
    .kokudi-about-page .ka-hero h1 {
        font-size: 39px;
        line-height: 1;
    }
    .kokudi-about-page .ka-hero p {
        font-size: 13px;
    }
    .kokudi-about-page .ka-intro {
        padding: 55px 22px;
    }
    .kokudi-about-page .ka-intro h2,
    .kokudi-about-page .ka-section-title h2 {
        font-size: 31px;
    }
    .kokudi-about-page .ka-section {
        padding: 55px 22px;
    }
    .kokudi-about-page .ka-section-title {
        margin-bottom: 30px;
    }
    .kokudi-about-page .ka-mission {
        display: flex;
        flex-direction: column;
    }
    .kokudi-about-page .ka-mission-image {
        order: 0;
    }
    .kokudi-about-page .ka-mission-image img {
        height: 280px;
    }
    .kokudi-about-page .ka-mission-copy {
        order: 1;
        padding: 45px 22px;
    }
    .kokudi-about-page .ka-mission-copy h2 {
        font-size: 32px;
    }
    .kokudi-about-page .ka-value {
        padding: 27px 5px;
    }
    .kokudi-about-page .ka-shop-grid {
        gap: 12px;
    }
    .kokudi-about-page .ka-shop-card {
        padding: 30px 25px;
    }
    .kokudi-about-page .ka-discover {
        min-height: auto;
        padding: 55px 22px 70px;
    }
    .kokudi-about-page .ka-discover h2 {
        font-size: 39px;
    }
    .kokudi-about-page .ka-discover-line {
        right: 22px;
        bottom: 28px;
    }
    .kokudi-about-page .ka-discover-line span {
        width: 25px;
    }
}
/* =========================================================
   KOKUDI — CATEGORY DESCRIPTION / EDITORIAL PAGES
   Works with the current category HTML:
   .kokudi-category-page
   .kokudi-hero
   .kokudi-intro-box
   .kokudi-category-page__section
   .kokudi-feature-strip
   .kokudi-soft-cta
   The category hero is intentionally centered because the
   category HTML contains no hero image.
   ========================================================= */
:root {
    --kokudi-wine: #660033;
    --kokudi-wine-dark: #470025;
    --kokudi-plum: #6b315e;
    --kokudi-lavender: #f2e9f3;
    --kokudi-lavender-soft: #f7f0f4;
    --kokudi-cream: #faf7f3;
    --kokudi-text: #1d1920;
    --kokudi-text-soft: #30262e;
    --kokudi-muted: #625c63;
    --kokudi-line: rgba(31, 24, 34, .13);
    --kokudi-line-light: #e7dfe4;
    --kokudi-white: #ffffff;
    --kokudi-serif: Georgia, "Times New Roman", serif;
    --kokudi-sans: Arial, Helvetica, sans-serif;
}
.kokudi-category-page {
    width: 100%;
    max-width: 1180px;
    margin: 0 auto;
    padding: 0 24px 70px;
    color: var(--kokudi-text);
    font-family: var(--kokudi-sans);
    line-height: 1.6;
    overflow: hidden;
}
.kokudi-category-page *,
.kokudi-category-page *::before,
.kokudi-category-page *::after {
    box-sizing: border-box;
}
.kokudi-category-page h1,
.kokudi-category-page h2,
.kokudi-category-page h3 {
    font-family: var(--kokudi-serif);
    font-weight: 400;
}
.kokudi-category-page p {
    margin: 0 0 16px;
}
.kokudi-category-page a {
    color: var(--kokudi-wine);
    text-decoration: none;
    border-bottom: 1px solid rgba(102, 0, 51, .20);
}
.kokudi-category-page a:hover {
    border-bottom-color: var(--kokudi-wine);
}
.kokudi-eyebrow {
    color: var(--kokudi-wine);
    font-family: var(--kokudi-sans);
    font-size: 10px;
    font-weight: 700;
    letter-spacing: 3px;
    line-height: 1.3;
    text-transform: uppercase;
}
/* Category hero */
.kokudi-category-page .kokudi-hero {
    display: block;
    width: 100%;
    max-width: 950px;
    margin: 0 auto 65px;
    padding: 0;
    background:
        linear-gradient(
            135deg,
            #faf7f3 0%,
            #f6edf1 55%,
            #f2e9f3 100%
        );
    text-align: center;
}
.kokudi-category-page .kokudi-hero__copy {
    display: block;
    width: 100%;
    max-width: 900px;
    margin: 0 auto;
    padding: 54px 20px 46px;
    text-align: center;
}
.kokudi-category-page .kokudi-hero__copy .kokudi-eyebrow {
    display: block;
    margin-bottom: 13px;
    text-align: center;
}
.kokudi-category-page .kokudi-hero__title {
    max-width: 850px;
    margin: 0 auto 18px !important;
    color: var(--kokudi-text);
    font-family: var(--kokudi-serif);
    font-size: clamp(38px, 4.5vw, 60px);
    font-weight: 400;
    line-height: 1.03;
    letter-spacing: -1.3px;
    text-align: center;
}
.kokudi-category-page .kokudi-hero__title span {
    color: var(--kokudi-wine);
}
.kokudi-category-page .kokudi-hero__text {
    max-width: 790px;
    margin: 0 auto !important;
    color: var(--kokudi-muted);
    font-size: 15px;
    line-height: 1.75;
    text-align: center;
}
.kokudi-category-page .kokudi-ornament {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 150px;
    gap: 13px;
    margin: 20px auto 18px;
}
.kokudi-category-page .kokudi-ornament span {
    flex: 1;
    height: 1px;
    background: rgba(102, 0, 51, .32);
}
.kokudi-category-page .kokudi-ornament i {
    display: block;
    color: var(--kokudi-wine);
    font-family: var(--kokudi-serif);
    font-size: 15px;
    font-style: normal;
    line-height: 1;
}
/* Intro / category description */
.kokudi-category-page .kokudi-intro-box {
    margin-bottom: 58px;
    padding: 27px 32px;
    border-left: 3px solid var(--kokudi-wine);
    background:
        linear-gradient(
            135deg,
            #faf7f9 0%,
            #f4edf2 100%
        );
}
.kokudi-category-page .kokudi-intro-box p {
    margin: 0 0 14px;
    color: #4f474e;
    font-family: var(--kokudi-sans);
    font-size: 15px;
    font-weight: 400;
    line-height: 1.75;
}
.kokudi-category-page .kokudi-intro-box p:last-child {
    margin-bottom: 0;
}
.kokudi-category-page .kokudi-intro-box strong {
    color: var(--kokudi-text-soft);
    font-weight: 600;
}
/* Numbered sections */
.kokudi-category-page__section {
    margin-bottom: 62px;
}
.kokudi-category-page__section-head {
    display: flex;
    align-items: center;
    gap: 17px;
    margin-bottom: 22px;
}
.kokudi-category-page__number {
    display: flex;
    flex: 0 0 38px;
    align-items: center;
    justify-content: center;
    width: 38px;
    height: 38px;
    border: 1px solid var(--kokudi-wine);
    border-radius: 50%;
    color: var(--kokudi-wine);
    font-family: var(--kokudi-sans);
    font-size: 12px;
    line-height: 1;
    letter-spacing: 1px;
}
.kokudi-category-page__heading {
    min-width: 0;
}
.kokudi-category-page__label {
    display: block;
    margin-bottom: 3px;
    color: var(--kokudi-wine);
    font-size: 10px;
    font-weight: 600;
    letter-spacing: 2px;
    line-height: 1.4;
    text-transform: uppercase;
}
.kokudi-category-page__section h2 {
    margin: 0;
    color: var(--kokudi-wine-dark);
    font-family: var(--kokudi-serif);
    font-size: 26px;
    font-weight: 400;
    line-height: 1.25;
}
.kokudi-category-page__body {
    width: calc(100% - 55px);
    padding-left: 55px;
}
.kokudi-category-page__body p {
    margin: 0 0 17px;
    color: #514a50;
    font-family: var(--kokudi-sans);
    font-size: 14.5px;
    font-weight: 400;
    line-height: 1.75;
}
.kokudi-category-page__body p:last-child {
    margin-bottom: 0;
}
.kokudi-category-page__body strong {
    color: var(--kokudi-text-soft);
    font-weight: 600;
}
/* Three-column feature strip */
.kokudi-feature-strip {
    width: 100%;
    max-width: 950px;
    margin: 0 auto 65px;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    border-top: 1px solid #e9dfe5;
    border-bottom: 1px solid #e9dfe5;
}
.kokudi-feature {
    padding: 28px 25px;
    text-align: center;
}
.kokudi-feature + .kokudi-feature {
    border-left: 1px solid #e9dfe5;
}
.kokudi-feature strong {
    display: block;
    margin: 0 0 7px;
    color: var(--kokudi-wine);
    font-family: var(--kokudi-sans);
    font-size: 14px;
    font-weight: 700;
    line-height: 1.35;
}
.kokudi-feature span {
    display: block;
    color: #746871;
    font-family: var(--kokudi-sans);
    font-size: 13px;
    font-weight: 400;
    line-height: 1.6;
}
/* Original three-column style strip remains available */
.kokudi-style-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    margin-top: 28px;
    border-top: 1px solid var(--kokudi-line);
    border-bottom: 1px solid var(--kokudi-line);
}
.kokudi-style {
    padding: 25px 22px;
    text-align: center;
    border-right: 1px solid var(--kokudi-line);
}
.kokudi-style:last-child {
    border-right: 0;
}
.kokudi-style h3 {
    margin: 0 0 6px;
    color: var(--kokudi-wine-dark);
    font-family: var(--kokudi-serif);
    font-size: 16px;
    font-weight: 400;
}
.kokudi-style p {
    margin: 0;
    color: var(--kokudi-muted);
    font-size: 12.5px;
    line-height: 1.6;
}
/* Soft CTA */
.kokudi-soft-cta {
    position: relative;
    overflow: hidden;
    padding: 48px 25px;
    text-align: center;
    background:
        radial-gradient(
            circle at 15% 20%,
            rgba(102,0,51,.08),
            transparent 30%
        ),
        radial-gradient(
            circle at 85% 80%,
            rgba(102,0,51,.07),
            transparent 32%
        ),
        linear-gradient(
            135deg,
            #faf7f9,
            #f1e8ee
        );
}
.kokudi-soft-cta h2 {
    margin: 0 0 12px;
    color: var(--kokudi-wine-dark);
    font-family: var(--kokudi-serif);
    font-size: 27px;
    font-weight: 400;
    line-height: 1.2;
}
.kokudi-soft-cta p {
    max-width: 700px;
    margin: 0 auto;
    color: #5c535a;
    font-size: 14px;
    line-height: 1.7;
}
/* Category responsive */
@media (max-width: 900px) {
    .kokudi-category-page {
        padding-left: 20px;
        padding-right: 20px;
    }
    .kokudi-category-page .kokudi-hero {
        margin-bottom: 52px;
    }
    .kokudi-category-page .kokudi-hero__copy {
        padding: 45px 18px 38px;
    }
    .kokudi-category-page .kokudi-hero__title {
        font-size: 45px;
    }
}
@media (max-width: 767px) {
    .kokudi-category-page {
        max-width: 100%;
        padding: 0 16px 45px;
    }
    .kokudi-category-page .kokudi-hero {
        margin: 0 auto 45px;
    }
    .kokudi-category-page .kokudi-hero__copy {
        padding: 35px 5px 32px;
    }
    .kokudi-category-page .kokudi-hero__title {
        font-size: 31px;
        line-height: 1.08;
        letter-spacing: -.7px;
    }
    .kokudi-category-page .kokudi-hero__text {
        font-size: 14px;
        line-height: 1.7;
    }
    .kokudi-category-page .kokudi-intro-box {
        margin-bottom: 43px;
        padding: 21px 20px;
    }
    .kokudi-category-page .kokudi-intro-box p {
        font-size: 14px;
        line-height: 1.72;
    }
    .kokudi-category-page__section {
        margin-bottom: 45px;
    }
    .kokudi-category-page__section-head {
        align-items: flex-start;
        gap: 13px;
        margin-bottom: 17px;
    }
    .kokudi-category-page__number {
        flex: 0 0 34px;
        width: 34px;
        height: 34px;
        font-size: 10px;
    }
    .kokudi-category-page__label {
        font-size: 9px;
        letter-spacing: 1.7px;
    }
    .kokudi-category-page__section h2 {
        font-size: 22px;
        line-height: 1.28;
    }
    .kokudi-category-page__body {
        width: 100%;
        padding-left: 0;
    }
    .kokudi-category-page__body p {
        font-size: 14px;
        line-height: 1.72;
    }
    .kokudi-feature-strip {
        display: block;
        margin-bottom: 50px;
    }
    .kokudi-feature {
        padding: 23px 20px;
    }
    .kokudi-feature + .kokudi-feature {
        border-left: 0;
        border-top: 1px solid #e9dfe5;
    }
    .kokudi-feature strong {
        font-size: 13px;
    }
    .kokudi-feature span {
        font-size: 13px;
        line-height: 1.55;
    }
    .kokudi-style-grid {
        grid-template-columns: 1fr;
    }
    .kokudi-style {
        padding: 21px 18px;
        border-right: 0;
        border-bottom: 1px solid var(--kokudi-line);
    }
    .kokudi-style:last-child {
        border-bottom: 0;
    }
    .kokudi-soft-cta {
        padding: 37px 20px;
    }
    .kokudi-soft-cta h2 {
        font-size: 23px;
    }
    .kokudi-soft-cta p {
        font-size: 13.5px;
    }
}
@media (max-width: 420px) {
    .kokudi-category-page .kokudi-hero__title {
        font-size: 28px;
    }
    .kokudi-category-page__section h2 {
        font-size: 20px;
    }
}
/* =========================================================
   END — KOKUDI FIXED ADDITIONS
   Original About Us and Sell on Kokudi CSS above remains
   unchanged from the supplied original file.
   ========================================================= */
/* Kokudi — Product Name Typography */
.products-grid .product-item-name,
.products-grid .product-item-name a,
.product-item-name,
.product-item-name a {
    font-family: "Trebuchet MS", Arial, sans-serif !important;
    font-weight: 400;
    letter-spacing: 0;
}
/* Kokudi Editorial Typography — Product Names & Page Titles */
.product-info-main .page-title,
.page-title,
.page-title-wrapper .page-title {
    font-family: Georgia, "Times New Roman", serif !important;
    font-weight: 600;
    letter-spacing: -0.2px;
    font-size: 24px;
}
.product-info-price .price-box {
    font-size: 1.225rem;
    font-weight: 600;
}