
/* Shared iTripe homepage appearance; scoped to the Shop storefront. */
body.itr-shop-theme {
    --itr-accent: #da4453;
    --ink:#1f1f1f; --text:#1f1f1f; --muted:#687078;
    --line:#e4e4e4; --paper:#f0f0f0; --bg:#f0f0f0;
    --card:#fff; --white:#fff; --accent:var(--itr-accent);
    margin:0;
    padding:70px 0 calc(90px + env(safe-area-inset-bottom,0px));
    background:#f0f0f0;
    color:#1f1f1f;
    font-family:"Comfortaa",Arial,sans-serif;
    font-size:14px;
    line-height:1.75;
}
body.itr-shop-theme * {box-sizing:border-box;}
body.itr-shop-theme :is(button,input,select,textarea) {font-family:inherit;}
body.itr-shop-theme :is(h1,h2,h3,h4) {
    font-family:inherit; font-weight:700; letter-spacing:-.3px; line-height:1.35;
}
body.itr-shop-theme h1 {font-size:clamp(25px,3vw,36px);}
body.itr-shop-theme h2 {font-size:21px;}
body.itr-shop-theme :is(a,button,input,select,textarea):focus-visible {
    outline:3px solid var(--itr-accent); outline-offset:3px;
}
body.itr-shop-theme :is(a,button) {touch-action:manipulation;}
body.itr-shop-theme :is(button,input):disabled {cursor:not-allowed;opacity:.55;}
body.itr-shop-theme > :is(.shop-wrap,.container,.wrap) {
    width:100%;max-width:1160px;margin:0 auto;padding:20px;
}
body.itr-shop-theme .shop-header,
body.itr-shop-checkout .wrap > .top {display:none;}

body.itr-shop-theme .itr-theme-header {
    position:fixed;z-index:100;top:0;left:0;right:0;
    height:calc(50px + env(safe-area-inset-top,0px));
    padding-top:env(safe-area-inset-top,0px);
    background:#fff;border-bottom:1px solid rgba(0,0,0,.03);
    box-shadow:0 4px 18px rgba(0,0,0,.08);
}
body.itr-shop-theme .itr-theme-header-inner {
    height:50px;max-width:1160px;margin:auto;padding:0 16px;
    display:grid;grid-template-columns:1fr auto 1fr;align-items:center;
}
body.itr-shop-theme .itr-theme-brand {
    display:flex;align-items:center;justify-content:center;gap:7px;
    text-decoration:none;color:#1f1f1f;font-size:20px;font-weight:700;
}
body.itr-shop-theme .itr-theme-brand img {width:34px;height:34px;object-fit:contain;}
body.itr-shop-theme .itr-theme-header-link {
    display:inline-flex;align-items:center;gap:6px;min-height:44px;
    color:#1f1f1f;text-decoration:none;font-size:12px;width:max-content;
}
body.itr-shop-theme .itr-theme-header-link:last-child {justify-self:end;}
body.itr-shop-theme .itr-theme-header-link:hover {color:var(--itr-accent);}
body.itr-shop-theme .itr-theme-icon {
    display:block;width:21px;height:21px;fill:none;stroke:currentColor;
    stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0;
}
body.itr-shop-theme .itr-theme-bottom {
    position:fixed;z-index:100;bottom:0;left:0;right:0;
    padding-bottom:env(safe-area-inset-bottom,0px);
    background:#fff;box-shadow:0 -4px 18px rgba(0,0,0,.07);
    border-top:1px solid rgba(0,0,0,.03);
}
body.itr-shop-theme .itr-theme-bottom-inner {
    display:grid;grid-template-columns:repeat(5,minmax(0,1fr));
    max-width:760px;margin:auto;min-height:64px;
}
body.itr-shop-theme .itr-theme-bottom a {
    display:flex;flex-direction:column;align-items:center;justify-content:center;
    gap:3px;padding:8px 2px;text-decoration:none;color:#666;
    font-size:10px;line-height:1.5;min-width:0;
}
body.itr-shop-theme .itr-theme-bottom a[aria-current],
body.itr-shop-theme .itr-theme-bottom a:hover {color:var(--itr-accent);}
body.itr-shop-theme .itr-theme-bottom a[aria-current] {font-weight:700;}
body.itr-shop-theme .itr-theme-bottom a[aria-current] .itr-theme-icon {stroke-width:2.2;}

body.itr-shop-theme :is(.card,.product,.empty,.description) {
    background:#fff;border:1px solid rgba(0,0,0,.04);
    border-radius:15px;box-shadow:0 5px 15px rgba(0,0,0,.09);
}
body.itr-shop-theme :is(.card,.description) {padding:24px;}
body.itr-shop-theme :is(.product,.main-image-wrap) {overflow:hidden;border-radius:15px;}
body.itr-shop-theme :is(.main-image-wrap,.no-image) {background:#fff;}
body.itr-shop-theme .product-body {padding:18px;}
body.itr-shop-theme .product-name {font-weight:700;}
body.itr-shop-theme :is(.product-desc,.short-description,.subtitle,.small,.item-meta,.shipping-meta) {
    color:#687078;line-height:1.8;
}
body.itr-shop-theme .price {color:#1f1f1f;font-weight:700;}
body.itr-shop-theme .compare {color:#81878c;}
body.itr-shop-theme .breadcrumb {margin:0 0 22px;line-height:1.8;}
body.itr-shop-theme .breadcrumb a:hover {color:var(--itr-accent);}

body.itr-shop-theme :is(.btn,.add-cart,.search button) {
    min-height:44px;border-radius:10px;font-weight:700;
    font-family:inherit;line-height:1.4;
}
body.itr-shop-theme :is(.btn-dark,.add-cart,.search button),
body.itr-shop-checkout .btn {
    background:var(--itr-accent);border:1px solid var(--itr-accent);
    color:#fff;box-shadow:0 4px 10px rgba(0,0,0,.08);
}
body.itr-shop-theme :is(.btn-dark,.add-cart,.search button):hover,
body.itr-shop-checkout .btn:hover {filter:brightness(.94);}
body.itr-shop-theme .btn-danger {
    background:#fff5f5;color:#a52a35;border:1px solid #f0ced1;box-shadow:none;
}
body.itr-shop-theme .continue {color:var(--itr-accent);}
body.itr-shop-theme :is(input,textarea,select):not([type=hidden]):not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]) {
    background:#fff;color:#1f1f1f;border:1px solid #d9dde1;
    border-radius:9px;min-height:44px;font-size:16px;
}
body.itr-shop-theme :is(input[type=radio],input[type=checkbox]) {
    accent-color:var(--itr-accent);
}
body.itr-shop-theme :is(.summary-row,.cart-item,.section) {border-color:#e5e5e5;}
body.itr-shop-theme .summary {top:85px;}
body.itr-shop-theme .summary-row.total {font-weight:700;}
body.itr-shop-theme .summary-row.discount {color:#067647;}

body.itr-shop-catalog #itr-shop-hero {
    padding:46px 30px;margin:0 0 28px;border-radius:15px;
    background-color:#28282c;
    background-image:linear-gradient(135deg,rgba(0,0,0,.65),rgba(0,0,0,.45)),url("/assets/images/pictures/18.jpg");
    background-size:cover;background-position:center;
    color:#fff;box-shadow:0 5px 15px rgba(0,0,0,.09);
}
body.itr-shop-catalog #itr-shop-hero h1 {color:#fff;max-width:760px;margin:0 auto 16px;}
body.itr-shop-catalog #itr-shop-hero p {color:#f1f1f1;max-width:680px;margin:0 auto;}
body.itr-shop-catalog .filters {
    background:#fff;padding:18px;border-radius:15px;
    box-shadow:0 5px 15px rgba(0,0,0,.06);gap:16px;
}
body.itr-shop-catalog .categories {gap:8px;}
body.itr-shop-catalog .category {background:#f4f4f4;border:1px solid #e7e7e7;color:#444;}
body.itr-shop-catalog :is(.category.active,.featured-link.active) {
    background:var(--itr-accent);border-color:var(--itr-accent);color:#fff;
}
body.itr-shop-catalog .pagination .current {
    background:var(--itr-accent);border-color:var(--itr-accent);color:#fff;
}
body.itr-shop-product .thumb.active {border-color:var(--itr-accent);}
body.itr-shop-product .variant-option input:checked + label {
    background:#fff0f2;color:#8f2430;border-color:var(--itr-accent);
}
body.itr-shop-product .variant-option input:disabled + label {opacity:.45;cursor:not-allowed;}
body.itr-shop-product .description {margin-top:28px;}
body.itr-shop-checkout .shipping-option {border-radius:10px;}
body.itr-shop-theme :is(.cart-layout,.product-layout),
body.itr-shop-checkout .grid {gap:28px;}
body.itr-shop-theme :is(.cart-layout,.product-layout,.grid) > * {min-width:0;}
body.itr-shop-theme :is(.item-name,.product-name,.description-content) {overflow-wrap:anywhere;}
@media(max-width:850px) {
    body.itr-shop-theme {padding-top:calc(64px + env(safe-area-inset-top,0px));}
    body.itr-shop-theme > :is(.shop-wrap,.container,.wrap) {padding:16px;}
    body.itr-shop-theme :is(.cart-layout,.product-layout),
    body.itr-shop-checkout .grid {grid-template-columns:minmax(0,1fr);gap:20px;}
    body.itr-shop-theme .summary {position:static;}
    body.itr-shop-theme :is(.card,.description) {padding:20px;}
    body.itr-shop-catalog #itr-shop-hero {padding:36px 22px;}
}
@media(max-width:480px) {
    body.itr-shop-theme > :is(.shop-wrap,.container,.wrap) {padding:12px;}
    body.itr-shop-catalog .filter-right {flex-wrap:wrap;gap:10px;}
    body.itr-shop-catalog .search {width:100%;min-width:0;}
    body.itr-shop-catalog .search input {min-width:0;width:100%;}
    body.itr-shop-theme .coupon-form {flex-wrap:wrap;}
    body.itr-shop-theme .coupon-input {min-width:0;flex:1 1 140px;}
    body.itr-shop-checkout .fields {grid-template-columns:minmax(0,1fr);}
    body.itr-shop-theme :is(.card,.description) {padding:16px;}
}
@media(prefers-reduced-motion:reduce) {
    body.itr-shop-theme * {scroll-behavior:auto;transition:none;}
}


/* iTripe div1 and full-width caption layout */
body.itr-shop-theme > .div1 {
    display:block;
    width:100%;
    max-width:none;
    margin:0;
    padding:0;
}
body.itr-shop-theme > .div1 > .page-content > :is(.shop-wrap,.container,.wrap) {
    width:100%;
    max-width:1160px;
    margin:0 auto;
    padding:20px;
}
body.itr-shop-checkout .div1 > .wrap > .top {
    display:none;
}
body.itr-shop-catalog > .div1 > .page-content > .shop-wrap {
    width:100%;
    max-width:none;
    padding:0 15px 20px;
}
body.itr-shop-catalog #itr-shop-hero {
    width:100%;
    height:300px;
    min-height:300px;
    margin:10px 0 28px;
    padding:24px;
    display:flex;
    align-items:center;
    justify-content:center;
    text-align:center;
    border-radius:15px;
    overflow:hidden;
    box-shadow:0 5px 15px rgba(0,0,0,.09);
}
body.itr-shop-catalog .itr-theme-hero-content {
    width:100%;
    min-width:0;
}
body.itr-shop-catalog #itr-shop-hero h1 {
    font-size:clamp(25px,3vw,36px);
    line-height:1.35;
}
body.itr-shop-catalog .shop-wrap > :is(
    .filters,.results-info,.grid,.pagination,.empty
) {
    max-width:1130px;
    margin-left:auto;
    margin-right:auto;
}
@media(max-width:850px) {
    body.itr-shop-theme > .div1 > .page-content > :is(.shop-wrap,.container,.wrap) {
        padding:16px;
    }
    body.itr-shop-catalog > .div1 > .page-content > .shop-wrap {
        padding:0 15px 20px;
    }
}
@media(max-width:480px) {
    body.itr-shop-theme > .div1 > .page-content > :is(.shop-wrap,.container,.wrap) {
        padding:12px;
    }
    body.itr-shop-catalog > .div1 > .page-content > .shop-wrap {
        padding:0 15px 20px;
    }
    body.itr-shop-catalog #itr-shop-hero {
        padding:20px 16px;
    }
}


/* iTripe page-content wrapper spacing */
body.itr-shop-theme {
    padding-top:0;
}
body.itr-shop-theme > .div1 > .page-content.header-clear-medium {
    display:block;
    width:100%;
    min-width:0;
    margin:0;
    padding-top:calc(70px + env(safe-area-inset-top,0px));
}
body.itr-shop-checkout .page-content > .wrap > .top {
    display:none;
}
body.itr-shop-theme #footer-menu > .clear {
    clear:both;
    height:0;
}
@media(max-width:850px) {
    body.itr-shop-theme {
        padding-top:0;
    }
    body.itr-shop-theme > .div1 > .page-content.header-clear-medium {
        padding-top:calc(70px + env(safe-area-inset-top,0px));
    }
}


/* iTripe gold background and airmail border */
body.itr-shop-theme {
    background:#fff;
    padding:0;
}
body.itr-shop-theme > .div1 {
    box-sizing:border-box;
    width:100%;
    max-width:none;
    min-height:100vh;
    min-height:100svh;
    height:auto;
    margin:0;
    padding:0;
    border:0.38em solid transparent;
    background:
        linear-gradient(
            5deg,
            rgba(205,181,95,1) 0%,
            rgba(243,228,173,1) 100%
        ) padding-box,
        repeating-linear-gradient(
            -45deg,
            red 0,
            red 12.5%,
            transparent 0,
            transparent 25%,
            #58a 0,
            #58a 37.5%,
            transparent 0,
            transparent 50%
        ) 0 / 5em 5em;
}
/* Leave room for fixed navigation without duplicating page padding. */
body.itr-shop-theme > .div1::before {
    content:"";
    display:block;
    height:calc(70px + env(safe-area-inset-top,0px));
}
body.itr-shop-theme > .div1::after {
    content:"";
    display:block;
    height:calc(90px + env(safe-area-inset-bottom,0px));
}
body.itr-shop-theme > .div1 > .page-content.header-clear-medium {
    padding-top:0;
    background:transparent;
}
body.itr-shop-theme > .div1 > :is(.shop-wrap,.container,.wrap),
body.itr-shop-theme > .div1 > .page-content > :is(.shop-wrap,.container,.wrap) {
    background:transparent;
}


/* iTripe three-column product thumbnails */
body.itr-shop-product .gallery {
    display:grid;
    grid-template-columns:minmax(0,1fr);
    gap:14px;
    width:100%;
    min-width:0;
}
body.itr-shop-product .gallery > .main-image-wrap {
    order:1;
    grid-column:1;
    width:100%;
    min-width:0;
}
body.itr-shop-product .gallery > .thumbs {
    order:2;
    grid-column:1;
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    grid-auto-flow:row;
    gap:12px;
    width:100%;
    max-width:none;
    min-width:0;
    height:auto;
    max-height:none;
    overflow:visible;
}
body.itr-shop-product .gallery > .thumbs:empty {
    display:none;
}
body.itr-shop-product .thumbs > .thumb {
    display:block;
    width:100%;
    max-width:none;
    min-width:0;
    height:auto;
    aspect-ratio:1 / 1;
    object-fit:cover;
    box-sizing:border-box;
    border:2px solid transparent;
    border-radius:12px;
    background:#fff;
    cursor:pointer;
}
body.itr-shop-product .thumbs > .thumb.active {
    border-color:var(--itr-accent);
}
body.itr-shop-product .thumbs > .thumb:hover {
    border-color:var(--itr-accent);
}
@media(max-width:480px) {
    body.itr-shop-product .gallery > .thumbs {
        gap:8px;
    }
}
