/* Generated by tools/build-css.py; edit source files, then rebuild. */
:root { --shima-green: #07944f; --shima-green-2: #087e45; --shima-green-dark: #075c35; --shima-green-soft: #edf8f1; --shima-page: #f8fbfa; --shima-card: #ffffff; --shima-text: #111827; --shima-muted: #667085; --shima-border: #e3ebe7; --shima-border-strong: #d5e2dc; --shima-radius: 18px; --shima-shadow: 0 10px 34px rgba(15, 23, 42, .045); --shima-max: 1440px; } html { scroll-behavior: smooth; } html body.shima-storefront-ui-active { margin: 0 !important; padding: 0; background: var(--shima-page) !important; color: var(--shima-text) !important; direction: rtl !important; } body.shima-storefront-ui-active, body.shima-storefront-ui-active *, body.shima-storefront-ui-active *::before, body.shima-storefront-ui-active *::after { box-sizing: border-box; } body.shima-storefront-ui-active svg { width: 1.35em; height: 1.35em; fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; } body.shima-storefront-ui-active img { max-width: 100%; height: auto; } body.shima-storefront-ui-active a { color: inherit; text-decoration: none; } body.shima-storefront-ui-active button, body.shima-storefront-ui-active input, body.shima-storefront-ui-active select, body.shima-storefront-ui-active textarea { font: inherit; } body.shima-storefront-ui-active .shima-site-shell { min-height: 100vh; overflow-x: clip; background: linear-gradient(180deg, #fff 0, var(--shima-page) 190px); } .shima-container { width: min(var(--shima-max), calc(100% - 64px)); margin-inline: auto; } .shima-main { padding: 16px 0 36px; } /* ========================= Header ========================= */ .shima-header { position: sticky; top: 0; z-index: 4000; isolation: isolate; background: rgba(255, 255, 255, .97); border-bottom: 1px solid var(--shima-border); -webkit-backdrop-filter: blur(14px); backdrop-filter: blur(14px); } .shima-header-inner { min-height: 74px; display: grid; grid-template-areas: "logo nav search actions"; grid-template-columns: 212px minmax(360px, 1fr) minmax(220px, 300px) auto; align-items: center; gap: 22px; } .shima-logo { grid-area: logo; display: flex; align-items: center; width: 205px; min-width: 0; } .shima-logo img { display: block; width: 100%; height: auto; } .shima-main-nav { grid-area: nav; display: flex; align-items: center; justify-content: center; gap: clamp(18px, 1.8vw, 30px); white-space: nowrap; font-size: 14px; font-weight: 850; } .shima-main-nav a { position: relative; min-height: 74px; display: inline-flex; align-items: center; color: #1f2937; transition: color .15s ease; } .shima-main-nav a:hover, .shima-main-nav a.is-active { color: var(--shima-green); } .shima-main-nav a.is-active::after { content: ""; position: absolute; right: 18%; left: 18%; bottom: 11px; height: 2px; border-radius: 99px; background: var(--shima-green); } .shima-search { grid-area: search; width: min(100%, 242px); justify-self: start; height: 40px; display: flex; align-items: center; border: 1px solid var(--shima-border-strong); border-radius: 14px; background: #f8faf9; overflow: hidden; transition: border-color .15s ease, box-shadow .15s ease; } .shima-search:focus-within { border-color: #98c8aa; box-shadow: 0 0 0 3px rgba(7,148,79,.08); } .shima-search input { width: 100%; min-width: 0; height: 100%; border: 0; outline: 0; background: transparent; color: var(--shima-text); padding: 0 12px; font-size: 12.5px; font-weight: 600; } .shima-search input::placeholder { color: #8a94a3; font-size: 12.5px; font-weight: 500; } .shima-search > button { flex: 0 0 40px; height: 100%; display: grid; place-items: center; border: 0; background: transparent; color: #0f172a; cursor: pointer; } .shima-search > button svg { width: 19px; height: 19px; } .shima-header-actions { grid-area: actions; display: flex; align-items: center; gap: 10px; } .shima-cart-link { position: relative; width: 42px; height: 42px; display: grid; place-items: center; color: #111827; } .shima-cart-link svg { width: 25px; height: 25px; } .shima-cart-count { position: absolute; top: -2px; right: -2px; min-width: 20px; height: 20px; padding: 0 5px; border-radius: 99px; display: grid; place-items: center; background: var(--shima-green); color: #fff; font-size: 10px; font-weight: 900; border: 2px solid #fff; } .shima-account-link { min-height: 42px; display: inline-flex; align-items: center; gap: 8px; padding: 0 13px; border: 1px solid var(--shima-border); border-radius: 14px; background: #fff; font-size: 12px; font-weight: 850; white-space: nowrap; } .shima-account-link svg { width: 19px; height: 19px; } .shima-mobile-menu-toggle { display: none; } .shima-mobile-drawer { display: none; } .shima-drawer-backdrop { display: none; } /* ========================= Shared buttons ========================= */ .shima-btn { min-height: 47px; padding: 0 22px; border-radius: 11px; display: inline-flex; align-items: center; justify-content: center; gap: 10px; border: 1px solid transparent; font-size: 14px; font-weight: 900; cursor: pointer; transition: transform .16s ease, box-shadow .16s ease, background .16s ease; } .shima-btn svg { width: 18px; height: 18px; } .shima-btn-primary { color: #fff !important; background: linear-gradient(135deg, #07944f 0%, #068847 100%); border-color: #07944f; box-shadow: 0 9px 20px rgba(7,148,79,.14); } .shima-btn-primary:hover { background: #087e45; transform: translateY(-1px); box-shadow: 0 12px 24px rgba(7,148,79,.18); } .shima-btn-secondary { border: 1.5px solid var(--shima-green); background: #fff; color: var(--shima-green); } .shima-btn-secondary:hover { background: #f5fbf7; transform: translateY(-1px); } .shima-btn-white { display: inline-flex; align-items: center; justify-content: center; min-width: 198px; background: #fff; color: var(--shima-green) !important; border: 0; box-shadow: 0 12px 28px rgba(8,120,63,.14); white-space: nowrap; } .shima-btn-white:hover { background: #f8fffb; transform: translateY(-1px); } .shima-btn-white span, .shima-btn-white svg { color: inherit !important; fill: currentColor; } .shima-btn-white svg, .shima-btn-secondary svg { transform: rotate(180deg); } .shima-btn-block { width: 100%; min-height: 42px; } /* ========================= Home hero ========================= */ .shima-hero { min-height: 334px; display: grid; grid-template-columns: 250px minmax(400px, 1.06fr) minmax(350px, .88fr); grid-template-areas: "side art copy"; overflow: hidden; border: 1px solid #d9e8de; border-radius: 24px; background: linear-gradient(135deg, #edf7f0 0%, #dbeee0 100%); box-shadow: var(--shima-shadow); } .shima-hero-side { grid-area: side; display: grid; grid-template-rows: repeat(3, 1fr); border-left: 1px solid rgba(7, 148, 79, .08); background: rgba(255,255,255,.08); } .shima-hero-side-item { padding: 22px 20px; display: grid; grid-template-columns: 58px minmax(0, 1fr); align-items: center; justify-content: stretch; column-gap: 16px; border-bottom: 1px solid rgba(7, 148, 79, .08); direction: rtl; } .shima-hero-side-item:last-child { border-bottom: 0; } .shima-hero-side-item > .shima-hero-side-icon { grid-column: 1; justify-self: center; } .shima-hero-side-item > .shima-hero-side-copy { grid-column: 2; justify-self: stretch; } .shima-hero-side-item .shima-hero-side-copy strong, .shima-hero-side-item .shima-hero-side-copy small { width: 100%; text-align: right; } .shima-hero-side-icon { width: 58px; height: 58px; display: grid; place-items: center; flex: 0 0 auto; border-radius: 50%; background: rgba(255,255,255,.92); color: var(--shima-green); box-shadow: 0 10px 24px rgba(7,148,79,.08); } .shima-hero-side-icon svg { width: 28px; height: 28px; } .shima-hero-side-copy { min-width: 0; width: 100%; display: flex; flex-direction: column; align-items: flex-start; justify-content: center; text-align: right; } .shima-hero-side-copy strong { color: #0f172a; font-size: 14px; line-height: 1.65; font-weight: 900; } .shima-hero-side-copy small { margin-top: 4px; color: #647268; font-size: 11px; line-height: 1.75; } .shima-hero-copy { grid-area: copy; align-self: center; padding: 26px 32px 26px 26px; direction: rtl; text-align: right; } .shima-eyebrow { display: none; } .shima-hero-copy h1 { margin: 0 0 10px; color: #076239; font-size: clamp(31px, 2.65vw, 46px); line-height: 1.34; font-weight: 900; letter-spacing: -.02em; } .shima-hero-copy p { width: min(100%, 500px); margin: 0; color: #46574f; font-size: 13.8px; line-height: 1.9; font-weight: 550; } .shima-hero-actions { margin-top: 18px; display: flex; flex-wrap: wrap; gap: 10px; } .shima-hero-actions .shima-btn { min-width: 170px; min-height: 46px; padding-inline: 18px; font-size: 13.5px; font-weight: 850; } .shima-hero-actions .shima-btn svg { transform: rotate(180deg); } .shima-hero-signature { margin-top: 12px; color: #1f7b53; font-size: 17px; line-height: 1.55; font-style: italic; font-weight: 600; opacity: .84; } .shima-hero-dots { display: none; } .shima-hero-art { grid-area: art; position: relative; min-height: 342px; overflow: hidden; } .shima-hero-art img { width: 100%; height: 100%; min-height: 342px; object-fit: cover; object-position: center; display: block; } .shima-trust-strip { min-height: 92px; margin-top: 14px; display: grid; grid-template-columns: repeat(3, 1fr); align-items: center; border: 1px solid var(--shima-border); border-radius: 18px; background: rgba(255,255,255,.98); box-shadow: 0 5px 22px rgba(15,23,42,.025); } .shima-trust-strip > div { min-height: 74px; padding: 12px 28px; display: flex; align-items: center; justify-content: center; gap: 14px; color: var(--shima-green); border-left: 1px solid var(--shima-border); } .shima-trust-strip > div:last-child { border-left: 0; } .shima-trust-strip svg { width: 32px; height: 32px; flex: 0 0 auto; } .shima-trust-strip span { min-width: 0; display: flex; flex-direction: column; color: var(--shima-text); } .shima-trust-strip strong { font-size: 15px; line-height: 1.7; font-weight: 900; } .shima-trust-strip small { margin-top: 2px; color: var(--shima-muted); font-size: 11.5px; line-height: 1.7; } /* ========================= Sections / category cards ========================= */ .shima-section { margin-top: 22px; } .shima-section-head { display: flex; align-items: center; justify-content: space-between; gap: 18px; margin-bottom: 11px; } .shima-section-head h2 { margin: 0; color: #111827; font-size: 19px; line-height: 1.7; font-weight: 950; } .shima-section-head a { display: inline-flex; align-items: center; gap: 5px; color: var(--shima-green); font-size: 11.5px; font-weight: 850; white-space: nowrap; } .shima-section-head a svg { width: 14px; height: 14px; transform: rotate(180deg); } .shima-category-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 12px; } .shima-category-card { position: relative; min-height: 112px; display: grid; grid-template-columns: minmax(88px, .72fr) 1.35fr; align-items: center; overflow: hidden; padding: 11px 16px; border: 1px solid var(--shima-border); border-radius: 15px; box-shadow: 0 4px 18px rgba(15,23,42,.022); isolation: isolate; } .shima-category-tone-1 { background: linear-gradient(135deg,#fff 0,#f8eaea 100%); } .shima-category-tone-2 { background: linear-gradient(135deg,#fff 0,#eaf4fb 100%); } .shima-category-tone-3 { background: linear-gradient(135deg,#fff 0,#edf7f1 100%); } .shima-category-tone-4 { background: linear-gradient(135deg,#fff 0,#f7f0e7 100%); } .shima-category-name { grid-column: 1; position: relative; z-index: 3; align-self: center; color: #151c28; font-size: 14px; line-height: 1.7; font-weight: 950; } .shima-category-media { grid-column: 2; height: 86px; display: flex; align-items: center; justify-content: center; } .shima-category-media img { width: 100%; height: 86px; object-fit: contain; mix-blend-mode: multiply; transition: transform .18s ease; } .shima-category-card:hover .shima-category-media img { transform: scale(1.045); } .shima-category-arrow { position: absolute; z-index: 4; left: 12px; bottom: 11px; width: 28px; height: 28px; display: grid; place-items: center; border-radius: 50%; background: rgba(255,255,255,.92); color: #374151; } .shima-category-arrow svg { width: 14px; height: 14px; transform: rotate(180deg); } /* ========================= Product cards ========================= */ .shima-product-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 12px; } .shima-product-card { min-width: 0; display: flex; flex-direction: column; overflow: hidden; border: 1px solid var(--shima-border); border-radius: 15px; background: #fff; box-shadow: 0 5px 22px rgba(15,23,42,.03); transition: transform .16s ease, box-shadow .16s ease, border-color .16s ease; } .shima-product-card:hover { transform: translateY(-2px); border-color: #cfe0d7; box-shadow: 0 12px 28px rgba(15,23,42,.055); } .shima-product-image { position: relative; aspect-ratio: 1.55 / 1; display: flex; align-items: center; justify-content: center; padding: 11px; overflow: hidden; background: linear-gradient(180deg, #fcfdfd, #f8faf9); } .shima-product-image img { width: 100%; height: 100%; object-fit: contain; transition: transform .18s ease; } .shima-product-card:hover .shima-product-image img { transform: scale(1.035); } .shima-stock-pill { position: absolute; z-index: 3; top: 9px; right: 9px; padding: 5px 9px; border-radius: 99px; background: #fff1f2; color: #be123c; font-size: 9px; font-weight: 900; } .shima-product-card-body { display: flex; flex: 1; flex-direction: column; padding: 11px; } .shima-product-card h3, .shima-product-card h2 { margin: 0 0 6px; min-height: 45px; color: #111827; font-size: 12.5px; line-height: 1.8; font-weight: 850; } .shima-product-price { margin-bottom: 9px; color: var(--shima-green); font-size: 11px; line-height: 1.7; font-weight: 850; } .shima-product-price span { color: var(--shima-green); } .shima-product-price strong { font-weight: 950; } .shima-product-price small { color: var(--shima-green); font-size: 10px; font-weight: 850; } .shima-product-card .shima-btn { margin-top: auto; } .shima-product-card .shima-btn svg { width: 17px; height: 17px; } /* ========================= Order steps ========================= */ .shima-order-steps { margin-top: 16px; padding: 18px 26px; display: grid; grid-template-columns: 320px 1fr; align-items: center; gap: 22px; border: 1px solid #dbe9e1; border-radius: 18px; background: linear-gradient(135deg, #eef9f3 0%, #f6fbf8 100%); } .shima-order-steps-title h2 { margin: 0; color: #0a5638; font-size: 17px; line-height: 1.6; font-weight: 950; } .shima-order-steps-title p { margin: 6px 0 0; color: #64748b; font-size: 12px; line-height: 1.9; font-weight: 500; } .shima-steps-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 22px; } .shima-steps-grid > div { position: relative; min-height: 78px; display: grid; grid-template-columns: 42px 40px 1fr; align-items: center; gap: 12px; } .shima-steps-grid > div:not(:last-child)::after { content: "←"; position: absolute; left: -18px; top: 50%; transform: translateY(-50%); color: var(--shima-green); font-size: 22px; font-weight: 900; } .shima-step-number { width: 38px; height: 38px; display: grid; place-items: center; border-radius: 50%; background: #d3eedb; color: #0b633c; font-size: 16px; font-weight: 950; } .shima-steps-grid svg { width: 34px; height: 34px; color: var(--shima-green); } .shima-step-copy { display: flex; flex-direction: column; min-width: 0; } .shima-step-copy strong { color: #0f172a; font-size: 15px; line-height: 1.8; font-weight: 900; } .shima-step-copy small { margin-top: 2px; color: #64748b; font-size: 11px; line-height: 1.85; font-weight: 500; } /* ========================= Breadcrumb ========================= */ .shima-breadcrumbs { min-height: 34px; display: flex; align-items: center; gap: 8px; color: #7b8794; font-size: 11px; overflow: hidden; } .shima-breadcrumbs strong { min-width: 0; color: #475569; font-size: 13.5px; font-weight: 800; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } /* ========================= Product detail ========================= */ .shima-product-hero { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 14px; align-items: stretch; direction: ltr; } .shima-product-gallery, .shima-product-summary { direction: rtl; border: 1px solid var(--shima-border); border-radius: 18px; background: #fff; box-shadow: var(--shima-shadow); } .shima-product-gallery { padding: 14px; } .shima-product-main-image { min-height: 430px; height: min(47vw, 530px); display: flex; align-items: center; justify-content: center; overflow: hidden; border-radius: 16px; background: linear-gradient(180deg, #fdfefe, #f7faf9); } .shima-product-main-image img { width: 100%; height: 100%; object-fit: contain; transition: opacity .15s ease; } .shima-product-thumbs { display: flex; gap: 10px; margin-top: 14px; overflow-x: auto; padding-bottom: 2px; scrollbar-width: thin; } .shima-product-thumb { flex: 0 0 124px; height: 94px; padding: 7px; border: 1px solid var(--shima-border); border-radius: 14px; background: #f6f8f7; cursor: pointer; } .shima-product-thumb.is-active { border: 2px solid var(--shima-green); } .shima-product-thumb img { width: 100%; height: 100%; object-fit: contain; } .shima-product-summary { padding: 28px 30px 26px; } .shima-product-badges { display: flex; flex-wrap: wrap; gap: 8px; margin-bottom: 14px; } .shima-badge { min-height: 36px; padding: 0 14px; display: inline-flex; align-items: center; gap: 5px; border-radius: 99px; font-size: 11px; font-weight: 900; } .shima-badge svg { width: 16px; height: 16px; } .shima-badge-success { color: #078a4b; background: #e9f8ef; } .shima-badge-primary { color: #fff; background: var(--shima-green); } .shima-product-summary h1 { margin: 0 0 14px; color: #0f172a; font-size: clamp(31px, 2.45vw, 42px); line-height: 1.38; font-weight: 950; letter-spacing: -.022em; } .shima-summary-price { margin-bottom: 8px; color: var(--shima-green); font-size: 20px; font-weight: 900; display: flex; flex-wrap: wrap; align-items: baseline; gap: 6px; } .shima-summary-price strong { font-size: 31px; font-weight: 950; line-height: 1.2; } .shima-summary-price small { color: #475467; font-size: 14px; font-weight: 800; } .shima-min-order { color: #334155; font-size: 16px; font-weight: 750; } .shima-short-description { margin: 16px 0 14px; color: #5b6678; font-size: 16px; line-height: 2.05; } .shima-short-description p { margin: 0; } /* WooCommerce add-to-cart normalization */ .shima-add-to-cart-wrap { margin-top: 12px; } .shima-add-to-cart-wrap .product_meta, .shima-add-to-cart-wrap .woocommerce-variation-description, .shima-add-to-cart-wrap .reset_variations { display: none !important; } .shima-add-to-cart-wrap form.cart { margin: 0 !important; } .shima-add-to-cart-wrap table.variations { width: 100% !important; margin: 0 !important; border-collapse: collapse !important; } .shima-add-to-cart-wrap table.variations td, .shima-add-to-cart-wrap table.variations th { padding: 0 !important; border: 0 !important; } .shima-native-variation-row { position: absolute !important; width: 1px !important; height: 1px !important; overflow: hidden !important; clip: rect(0 0 0 0) !important; white-space: nowrap !important; } .shima-variation-group { margin: 13px 0 0; display: grid; grid-template-columns: 76px 1fr; align-items: start; gap: 12px; } .shima-variation-title { padding-top: 10px; color: #111827; font-size: 16px; font-weight: 950; } .shima-variation-options { display: flex; flex-wrap: wrap; gap: 7px; } .shima-variation-option { min-width: 82px; min-height: 48px; padding: 0 12px; display: inline-flex; align-items: center; justify-content: center; gap: 7px; border: 1px solid var(--shima-border-strong); border-radius: 10px; background: #fff; color: #334155; cursor: pointer; font-size: 14px; font-weight: 850; transition: border-color .14s ease, background .14s ease, color .14s ease; } .shima-variation-option.is-selected { border: 2px solid var(--shima-green); background: #fbfffc; color: #0a623b; } .shima-variation-option.is-disabled { opacity: .38; cursor: not-allowed; text-decoration: line-through; } .shima-color-dot { width: 18px; height: 18px; border: 1px solid rgba(15,23,42,.12); border-radius: 50%; box-shadow: inset 0 0 0 1px rgba(255,255,255,.35); flex-shrink: 0; } .shima-add-to-cart-wrap .single_variation_wrap { margin-top: 12px; } .shima-add-to-cart-wrap .woocommerce-variation-price { margin: 0 0 9px; color: var(--shima-green); font-weight: 900; } .shima-add-to-cart-wrap .woocommerce-variation-availability { display: none; } .shima-add-to-cart-wrap .woocommerce-variation-add-to-cart, .shima-add-to-cart-wrap form.cart:not(.variations_form) { display: grid !important; grid-template-columns: 70px minmax(160px, 174px) auto minmax(240px, 1fr); gap: 12px; align-items: center; } .shima-qty-label { color: #111827; font-size: 16px; font-weight: 950; } .shima-qty-unit { color: #475467; font-size: 15px; font-weight: 850; } .shima-qty-stepper { width: 170px; min-height: 48px; display: grid; grid-template-columns: 46px 1fr 46px; align-items: center; overflow: hidden; border: 1px solid var(--shima-border-strong); border-radius: 10px; background: #fff; } .shima-qty-stepper button { width: 46px; height: 48px; border: 0; background: #f1f5f4; color: #0f172a; font-size: 24px; cursor: pointer; } .shima-qty-stepper input.qty { width: 100% !important; min-height: 48px; margin: 0 !important; padding: 0 !important; border: 0 !important; outline: 0 !important; background: #fff !important; text-align: center !important; font-weight: 900; -moz-appearance: textfield; } .shima-qty-stepper input.qty::-webkit-outer-spin-button, .shima-qty-stepper input.qty::-webkit-inner-spin-button { margin: 0; -webkit-appearance: none; } .shima-add-to-cart-wrap .single_add_to_cart_button { min-height: 50px !important; padding: 0 28px !important; border: 0 !important; border-radius: 11px !important; background: linear-gradient(135deg, var(--shima-green), #078747) !important; color: #fff !important; box-shadow: 0 8px 20px rgba(7,148,79,.15) !important; cursor: pointer !important; font-size: 16px !important; font-weight: 950 !important; } .shima-add-to-cart-wrap .single_add_to_cart_button.disabled { opacity: .45 !important; cursor: not-allowed !important; } .shima-product-assurance { margin-top: 20px; display: grid; grid-template-columns: repeat(3, 1fr); overflow: hidden; border-radius: 14px; background: linear-gradient(135deg, #f1faf5, #eef8f2); } .shima-product-assurance > div { min-height: 74px; display: flex; align-items: center; justify-content: center; gap: 10px; border-left: 1px solid #dbeee2; color: var(--shima-green); } .shima-product-assurance > div:last-child { border-left: 0; } .shima-product-assurance svg { width: 27px; height: 27px; } .shima-product-assurance span { display: flex; flex-direction: column; color: var(--shima-text); } .shima-product-assurance strong { font-size: 14px; font-weight: 900; } .shima-product-assurance small { margin-top: 2px; color: #64748b; font-size: 11.5px; } .shima-product-details { margin-top: 16px; display: grid; grid-template-columns: 1.25fr 1fr; gap: 16px; } .shima-detail-block { min-width: 0; padding: 24px 26px; border: 1px solid var(--shima-border); border-radius: 16px; background: #fff; } .shima-detail-block h2 { margin: 0 0 14px; color: #111827; font-size: 20px; font-weight: 950; } .shima-rich-text { color: #475467; font-size: 15px; line-height: 2.15; } .shima-rich-text p:first-child { margin-top: 0; } .shima-spec-list { list-style: none; margin: 0; padding: 0; display: grid; gap: 10px; } .shima-spec-list li { display: flex; align-items: flex-start; gap: 10px; color: #334155; font-size: 15px; line-height: 2; font-weight: 700; } .shima-spec-dot { width: 8px; height: 8px; margin-top: 11px; border-radius: 50%; flex: 0 0 auto; background: var(--shima-green); box-shadow: 0 0 0 3px rgba(7,148,79,.10); } .shima-related { margin-top: 15px; } .shima-related-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 10px; } .shima-related-card { min-height: 92px; padding: 8px 11px; display: grid; grid-template-columns: 105px 1fr; align-items: center; gap: 11px; border: 1px solid var(--shima-border); border-radius: 14px; background: #fff; } .shima-related-card img { width: 112px; height: 70px; object-fit: contain; } .shima-related-card span { min-width: 0; display: flex; flex-direction: column; gap: 4px; } .shima-related-card strong { font-size: 13.5px; line-height: 1.8; } .shima-related-card small { color: var(--shima-green); font-size: 12.5px; font-weight: 900; } /* ========================= Archive ========================= */ .shima-archive-head { min-height: 132px; padding: 24px 28px; display: flex; align-items: center; justify-content: space-between; gap: 28px; border: 1px solid var(--shima-border); border-radius: 18px; background: linear-gradient(135deg, #eef8f2, #fff); box-shadow: 0 10px 28px rgba(15,23,42,.03); } .shima-archive-head h1 { margin: 5px 0 4px; color: #0b5436; font-size: clamp(24px, 2.7vw, 34px); line-height: 1.45; font-weight: 950; } .shima-archive-head p { width: min(100%, 620px); margin: 0; color: #64748b; font-size: 13px; line-height: 1.9; } .shima-archive-ordering select { min-width: 220px; height: 44px; padding: 0 13px; border: 1px solid var(--shima-border-strong); border-radius: 12px; background: #fff; color: #334155; font-size: 13px; outline: 0; } .shima-category-chips { margin-top: 12px; display: flex; gap: 8px; overflow-x: auto; padding-bottom: 4px; scrollbar-width: thin; } .shima-category-chips a { flex: 0 0 auto; min-height: 38px; padding: 0 13px; display: inline-flex; align-items: center; gap: 8px; border: 1px solid var(--shima-border); border-radius: 99px; background: #fff; font-size: 11px; font-weight: 850; } .shima-category-chips a:hover { border-color: #acd5bb; color: var(--shima-green); } .shima-category-chips span { min-width: 21px; height: 21px; padding: 0 5px; display: grid; place-items: center; border-radius: 99px; background: var(--shima-green-soft); color: var(--shima-green); font-size: 8.5px; } .shima-archive-products { margin-top: 17px; } .shima-archive-meta { min-height: 29px; color: #64748b; font-size: 11.5px; } .shima-archive-meta .woocommerce-result-count { margin: 0 !important; float: none !important; } .shima-pagination { margin-top: 21px; display: flex; justify-content: center; } .shima-pagination .page-numbers { display: flex !important; gap: 6px; border: 0 !important; } .shima-pagination .page-numbers li { border: 0 !important; } .shima-pagination .page-numbers a, .shima-pagination .page-numbers span { min-width: 38px; height: 38px; padding: 0 10px !important; display: grid !important; place-items: center; border: 1px solid var(--shima-border) !important; border-radius: 9px; background: #fff; color: #475569; } .shima-pagination .page-numbers .current { border-color: var(--shima-green) !important; background: var(--shima-green) !important; color: #fff !important; } .shima-empty-products { padding: 42px 18px; border: 1px dashed var(--shima-border-strong); border-radius: 14px; background: #fff; color: #64748b; text-align: center; } .shima-home-cta { position: relative; overflow: hidden; margin-top: 20px; min-height: 102px; padding: 20px 26px; display: flex; align-items: center; justify-content: space-between; gap: 18px; border-radius: 20px; background: linear-gradient(135deg, #0f9d51 0%, #0a7f43 100%); color: #fff; box-shadow: 0 18px 36px rgba(8,120,63,.16); } .shima-home-cta::before { content: ""; position: absolute; inset: auto auto -55px -25px; width: 220px; height: 220px; border-radius: 50%; background: radial-gradient(circle, rgba(255,255,255,.20), rgba(255,255,255,0) 68%); pointer-events: none; } .shima-home-cta-copy { position: relative; z-index: 1; min-width: 0; } .shima-home-cta-copy h2 { margin: 0 0 6px; color: #fff; font-size: 17px; font-weight: 850; } .shima-home-cta-copy p { margin: 0; color: rgba(255,255,255,.92); font-size: 13px; line-height: 1.85; } /* ========================= Cart / Checkout ========================= */ .shima-transaction-main { padding-top: 14px; } .shima-transaction-head { min-height: 124px; padding: 22px 26px; display: flex; align-items: center; justify-content: space-between; gap: 24px; border: 1px solid #dce9e2; border-radius: 18px; background: linear-gradient(135deg, #eef8f2 0%, #ffffff 100%); box-shadow: 0 10px 30px rgba(15,23,42,.035); } .shima-transaction-head-copy { min-width: 0; } .shima-transaction-head h1 { margin: 7px 0 4px; color: #0b5436; font-size: clamp(25px, 2.4vw, 34px); line-height: 1.45; font-weight: 950; } .shima-transaction-head p { width: min(100%, 650px); margin: 0; color: #64748b; font-size: 13px; line-height: 1.9; } .shima-transaction-badges { display: flex; flex-wrap: wrap; justify-content: flex-end; gap: 8px; } .shima-transaction-badges > span { min-height: 38px; padding: 0 12px; display: inline-flex; align-items: center; gap: 7px; border: 1px solid #d8e9df; border-radius: 999px; background: rgba(255,255,255,.9); color: #355348; font-size: 11.5px; font-weight: 800; white-space: nowrap; } .shima-transaction-badges svg { width: 18px; height: 18px; color: var(--shima-green); } .shima-checkout-progress { min-height: 82px; margin-top: 12px; padding: 12px 18px; display: grid; grid-template-columns: repeat(3, 1fr); gap: 8px; border: 1px solid var(--shima-border); border-radius: 16px; background: #fff; } .shima-checkout-progress > div { position: relative; min-height: 56px; display: grid; grid-template-columns: 36px 1fr; grid-template-rows: auto auto; align-content: center; column-gap: 10px; padding: 6px 14px; border-radius: 12px; } .shima-checkout-progress > div:not(:last-child)::after { content: "←"; position: absolute; left: -8px; top: 50%; transform: translateY(-50%); color: #9db4a7; font-size: 17px; } .shima-checkout-progress > div > span { grid-row: 1 / 3; width: 34px; height: 34px; display: grid; place-items: center; align-self: center; border-radius: 50%; background: #eef4f1; color: #64748b; font-size: 13px; font-weight: 950; } .shima-checkout-progress > div > span svg { width: 18px; height: 18px; } .shima-checkout-progress strong { align-self: end; color: #334155; font-size: 12.5px; font-weight: 900; } .shima-checkout-progress small { align-self: start; margin-top: 1px; color: #94a3b8; font-size: 9.5px; } .shima-checkout-progress .is-active { background: #eff9f3; } .shima-checkout-progress .is-active > span, .shima-checkout-progress .is-done > span { background: #d7f0df; color: #08783f; } .shima-checkout-progress .is-active strong, .shima-checkout-progress .is-done strong { color: #075c35; } .shima-transaction-content { margin-top: 14px; } .shima-transaction-content > * { max-width: none !important; } .shima-transaction-content .entry-content { margin: 0; } /* WooCommerce Cart & Checkout Blocks */ .shima-transaction-content .wp-block-woocommerce-cart, .shima-transaction-content .wp-block-woocommerce-checkout, .shima-transaction-content .wc-block-cart, .shima-transaction-content .wc-block-checkout { width: 100%; max-width: none; margin: 0; } .shima-transaction-content .wc-block-components-sidebar-layout { gap: 16px; align-items: flex-start; } .shima-transaction-content .wc-block-components-main, .shima-transaction-content .wc-block-components-sidebar { min-width: 0; } .shima-transaction-content .wc-block-components-sidebar { position: sticky; top: 92px; } .shima-transaction-content .wc-block-cart-items, .shima-transaction-content .wc-block-components-order-summary, .shima-transaction-content .wc-block-components-totals-wrapper, .shima-transaction-content .wc-block-checkout__main, .shima-transaction-content .wc-block-checkout__sidebar, .shima-transaction-content .wc-block-components-address-card, .shima-transaction-content .wc-block-components-panel, .shima-transaction-content .wc-block-components-checkout-step { border-color: var(--shima-border) !important; } .shima-transaction-content .wc-block-cart__main, .shima-transaction-content .wc-block-checkout__main { padding: 20px !important; border: 1px solid var(--shima-border); border-radius: 16px; background: #fff; box-shadow: 0 8px 24px rgba(15,23,42,.025); } .shima-transaction-content .wc-block-cart__sidebar, .shima-transaction-content .wc-block-checkout__sidebar { padding: 18px !important; border: 1px solid var(--shima-border); border-radius: 16px; background: linear-gradient(180deg, #fff, #f7fbf8); box-shadow: 0 8px 24px rgba(15,23,42,.025); } .shima-transaction-content .wc-block-components-title, .shima-transaction-content .wc-block-components-checkout-step__heading, .shima-transaction-content .wc-block-components-totals-wrapper h2, .shima-transaction-content .wc-block-components-totals-wrapper h3 { color: #0f172a !important; font-size: 16px !important; font-weight: 950 !important; } .shima-transaction-content .wc-block-cart-item__product .wc-block-components-product-name, .shima-transaction-content .wc-block-components-order-summary-item__description .wc-block-components-product-name { color: #0f172a; font-size: 13px; line-height: 1.8; font-weight: 850; } .shima-transaction-content .wc-block-components-product-price, .shima-transaction-content .wc-block-components-formatted-money-amount, .shima-transaction-content .wc-block-components-totals-item__value { color: #08783f; font-weight: 900; } .shima-transaction-content .wc-block-components-product-metadata, .shima-transaction-content .wc-block-components-product-details, .shima-transaction-content .wc-block-cart-item__prices, .shima-transaction-content .wc-block-components-order-summary-item__individual-prices { color: #64748b; font-size: 10.5px; } .shima-transaction-content .wc-block-components-quantity-selector { min-height: 40px; border: 1px solid #d7e2dc !important; border-radius: 10px !important; background: #fff; } .shima-transaction-content .wc-block-components-quantity-selector input { min-height: 38px; font-weight: 900; } .shima-transaction-content .wc-block-components-quantity-selector button { color: #0f172a !important; background: #f4f7f5 !important; } .shima-transaction-content .wc-block-components-text-input input, .shima-transaction-content .wc-block-components-combobox .wc-block-components-combobox-control input.components-combobox-control__input, .shima-transaction-content .wc-block-components-address-form select, .shima-transaction-content .wc-block-components-select .wc-block-components-select__select, .shima-transaction-content .wc-block-components-textarea { min-height: 48px !important; border: 1px solid #d7e2dc !important; border-radius: 11px !important; background: #fff !important; color: #1f2937 !important; box-shadow: none !important; } .shima-transaction-content .wc-block-components-text-input input:focus, .shima-transaction-content .wc-block-components-combobox .wc-block-components-combobox-control input.components-combobox-control__input:focus, .shima-transaction-content .wc-block-components-select .wc-block-components-select__select:focus { border-color: #86bfa0 !important; box-shadow: 0 0 0 3px rgba(7,148,79,.08) !important; } .shima-transaction-content .wc-block-components-button, .shima-transaction-content .wc-block-cart__submit-button, .shima-transaction-content .wc-block-components-checkout-place-order-button { min-height: 50px !important; border: 0 !important; border-radius: 11px !important; background: linear-gradient(135deg, #07944f, #087e45) !important; color: #fff !important; box-shadow: 0 9px 22px rgba(7,148,79,.16) !important; font-size: 13.5px !important; font-weight: 950 !important; } .shima-transaction-content .wc-block-components-button:hover, .shima-transaction-content .wc-block-cart__submit-button:hover, .shima-transaction-content .wc-block-components-checkout-place-order-button:hover { background: #087e45 !important; } .shima-transaction-content .wc-block-components-totals-coupon-link, .shima-transaction-content .wc-block-cart-item__remove-link, .shima-transaction-content .wc-block-components-order-summary-item__description a { color: #08783f !important; } .shima-transaction-content .wc-block-cart-item__image img, .shima-transaction-content .wc-block-components-order-summary-item__image img { border-radius: 10px; background: #f7faf8; } .shima-transaction-content .wc-block-components-totals-item__label { color: #475569; font-size: 12px; font-weight: 750; } .shima-transaction-content .wc-block-components-totals-footer-item .wc-block-components-totals-item__label, .shima-transaction-content .wc-block-components-totals-footer-item .wc-block-components-totals-item__value { color: #0f172a; font-size: 15px; font-weight: 950; } .shima-transaction-content .wc-block-components-radio-control-accordion-option, .shima-transaction-content .wc-block-components-radio-control__option { border-color: #e1e9e5 !important; background: #fff; } .shima-transaction-content .wc-block-components-notice-banner { border-radius: 11px !important; font-size: 12px; } /* Classic WooCommerce Cart */ .shima-transaction-content .woocommerce-cart-form, .shima-transaction-content .cart_totals, .shima-transaction-content .woocommerce-checkout #customer_details, .shima-transaction-content .woocommerce-checkout #order_review, .shima-transaction-content .woocommerce-checkout #order_review_heading { border-radius: 16px; } .shima-transaction-content .woocommerce-cart-form { padding: 18px; border: 1px solid var(--shima-border); background: #fff; } .shima-transaction-content .woocommerce-cart-form table.shop_table, .shima-transaction-content .woocommerce-checkout-review-order-table { margin: 0 !important; border: 0 !important; border-collapse: separate !important; border-spacing: 0 !important; } .shima-transaction-content table.shop_table th { padding: 12px 10px !important; color: #475569; font-size: 11.5px; font-weight: 900; border-color: #edf2ef !important; } .shima-transaction-content table.shop_table td { padding: 13px 10px !important; border-color: #edf2ef !important; color: #334155; font-size: 12px; } .shima-transaction-content table.shop_table .product-name a { color: #0f172a; font-weight: 850; } .shima-transaction-content table.shop_table .product-thumbnail img { width: 72px; border-radius: 10px; background: #f7faf8; } .shima-transaction-content table.shop_table .amount { color: #08783f; font-weight: 900; } .shima-transaction-content .woocommerce-cart-form .quantity .qty { width: 76px; min-height: 40px; border: 1px solid #d7e2dc; border-radius: 9px; text-align: center; } .shima-transaction-content .coupon { display: flex; gap: 8px; align-items: center; } .shima-transaction-content .coupon .input-text { min-width: 170px; min-height: 42px; padding: 0 12px !important; border: 1px solid #d7e2dc !important; border-radius: 10px !important; } .shima-transaction-content .button, .shima-transaction-content button.button, .shima-transaction-content a.checkout-button, .shima-transaction-content #place_order { min-height: 45px !important; padding: 0 18px !important; display: inline-flex !important; align-items: center; justify-content: center; border: 0 !important; border-radius: 10px !important; background: #087e45 !important; color: #fff !important; font-size: 12.5px !important; font-weight: 900 !important; } .shima-transaction-content .cart-collaterals { margin-top: 14px; } .shima-transaction-content .cart_totals { padding: 18px; border: 1px solid var(--shima-border); background: linear-gradient(180deg, #fff, #f7fbf8); } .shima-transaction-content .cart_totals h2, .shima-transaction-content #order_review_heading, .shima-transaction-content .woocommerce-billing-fields h3, .shima-transaction-content .woocommerce-additional-fields h3 { margin-top: 0; color: #0f172a; font-size: 17px; font-weight: 950; } /* Classic WooCommerce Checkout */ .shima-transaction-content form.woocommerce-checkout { display: grid; grid-template-columns: minmax(0, 1.35fr) minmax(320px, .65fr); gap: 16px 18px; align-items: start; } .shima-transaction-content form.woocommerce-checkout #customer_details { grid-column: 1; padding: 20px; border: 1px solid var(--shima-border); background: #fff; } .shima-transaction-content form.woocommerce-checkout #order_review_heading, .shima-transaction-content form.woocommerce-checkout #order_review { grid-column: 2; } .shima-transaction-content form.woocommerce-checkout #order_review_heading { margin: 0; padding: 18px 18px 0; border: 1px solid var(--shima-border); border-bottom: 0; border-radius: 16px 16px 0 0; background: linear-gradient(180deg, #fff, #f8fbf9); } .shima-transaction-content form.woocommerce-checkout #order_review { position: sticky; top: 92px; margin-top: -1px; padding: 0 18px 18px; border: 1px solid var(--shima-border); border-top: 0; border-radius: 0 0 16px 16px; background: linear-gradient(180deg, #f8fbf9, #fff); } .shima-transaction-content .form-row label { color: #475569; font-size: 11px; font-weight: 800; } .shima-transaction-content .form-row input.input-text, .shima-transaction-content .form-row textarea, .shima-transaction-content .form-row select, .shima-transaction-content .select2-container--default .select2-selection--single { min-height: 46px; border: 1px solid #d7e2dc !important; border-radius: 10px !important; background: #fff; box-shadow: none !important; } .shima-transaction-content .select2-container--default .select2-selection--single .select2-selection__rendered { line-height: 44px; } .shima-transaction-content .select2-container--default .select2-selection--single .select2-selection__arrow { height: 44px; } .shima-transaction-content .woocommerce-checkout-payment { border-radius: 12px !important; background: #f4f8f6 !important; } .shima-transaction-content .woocommerce-checkout-payment ul.payment_methods { border-color: #e0eae5 !important; } .shima-transaction-content #place_order { width: 100%; min-height: 50px !important; font-size: 14px !important; } .shima-cart-content .woocommerce-notices-wrapper:empty, .shima-checkout-content .woocommerce-notices-wrapper:empty { display: none; } /* ========================= Footer ========================= */ .shima-footer { position: relative; margin-top: 26px; border-top: 1px solid var(--shima-border); background: linear-gradient(180deg, #ffffff 0%, #f7fbf8 100%); } .shima-footer::before { content: ""; position: absolute; top: 0; left: 0; right: 0; height: 4px; background: linear-gradient(90deg, rgba(8,120,63,0), rgba(8,120,63,.18), rgba(8,120,63,0)); } .shima-footer-inner { min-height: 158px; padding: 28px 0 24px; display: grid; grid-template-columns: 1.15fr 1fr .95fr .9fr; align-items: start; gap: 32px; } .shima-footer-brand { display: flex; flex-direction: column; align-items: flex-start; gap: 12px; } .shima-footer-logo img { width: 230px; display: block; } .shima-footer-brand p { margin: 0; color: #334155; font-size: 14px; line-height: 1.9; font-weight: 650; } .shima-footer-contact, .shima-footer-links, .shima-footer-social { display: flex; flex-direction: column; align-items: flex-start; gap: 10px; color: #475467; font-size: 14px; } .shima-footer-contact > strong, .shima-footer-links > strong, .shima-footer-social > strong { margin-bottom: 4px; color: #0f172a; font-size: 18px; font-weight: 950; } .shima-footer-contact a, .shima-footer-address { display: flex; align-items: center; gap: 8px; color: #334155; } .shima-footer-contact a { direction: ltr; } .shima-footer-contact a svg, .shima-footer-address svg { width: 17px; height: 17px; color: var(--shima-green); flex: 0 0 auto; } .shima-footer-links a { color: #475467; font-weight: 700; } .shima-footer-links a:hover { color: var(--shima-green); } .shima-social-row { display: flex; align-items: center; gap: 10px; } .shima-social-button { width: 42px; height: 42px; display: grid; place-items: center; border: 1px solid #dbe9e1; border-radius: 50%; background: #f3faf6; color: var(--shima-green); } .shima-social-button svg { width: 20px; height: 20px; } .shima-footer-social small { margin-top: 6px; color: #475467; font-size: 13px; line-height: 1.9; font-weight: 700; } .shima-footer-copy { min-height: 54px; margin-top: 4px; display: flex; align-items: center; justify-content: center; border-top: 1px solid #e8f1eb; background: rgba(246,251,248,.95); color: #667085; font-size: 12.5px; font-weight: 600; letter-spacing: 0; } .shima-mobile-bottom-nav { display: none; } /* ========================= Woo notices ========================= */ .shima-storefront .woocommerce-message, .shima-storefront .woocommerce-info, .shima-storefront .woocommerce-error { width: min(var(--shima-max), calc(100% - 64px)); margin: 9px auto !important; padding: 11px 15px !important; border: 1px solid var(--shima-border) !important; border-radius: 12px !important; background: #fff !important; color: var(--shima-text) !important; box-shadow: none !important; } /* ========================= Responsive ========================= */ @media (max-width: 1280px) { .shima-container { width: min(var(--shima-max), calc(100% - 40px)); } .shima-header-inner { grid-template-columns: 185px minmax(320px, 1fr) minmax(210px, 270px) auto; gap: 14px; } .shima-logo { width: 185px; } .shima-main-nav { gap: 18px; font-size: 13px; } .shima-account-link span { display: none; } .shima-account-link { width: 42px; padding: 0; justify-content: center; } .shima-hero { grid-template-columns: 220px minmax(360px, 1fr) minmax(320px, .92fr); min-height: 330px; } .shima-hero-side-item { padding: 18px 16px; } .shima-hero-copy { padding: 24px 24px 24px 20px; } .shima-hero-copy h1 { font-size: 37px; } .shima-hero-copy p { font-size: 14px; } .shima-order-steps { grid-template-columns: 245px 1fr; } } @media (max-width: 1040px) { .shima-header-inner { min-height: 68px; grid-template-areas: "logo nav actions" "search search search"; grid-template-columns: 180px 1fr auto; gap: 8px 16px; padding: 8px 0 10px; } .shima-logo { width: 174px; } .shima-search { width: min(100%, 280px); } .shima-main-nav { justify-content: flex-start; gap: 18px; } .shima-main-nav a { min-height: 48px; } .shima-main-nav a.is-active::after { bottom: 2px; } .shima-hero { grid-template-columns: 1fr 1fr; grid-template-areas: "art copy" "side side"; min-height: 0; } .shima-hero-side { grid-template-columns: repeat(3, 1fr); grid-template-rows: none; border-left: 0; border-top: 1px solid rgba(7, 148, 79, .08); } .shima-hero-side-item { min-height: 112px; padding: 17px 14px; border-bottom: 0; border-left: 1px solid rgba(7, 148, 79, .08); } .shima-hero-side-item:last-child { border-left: 0; } .shima-hero-copy { padding: 26px 24px 22px; } .shima-hero-copy h1 { font-size: 32px; } .shima-hero-signature { font-size: 17px; } .shima-category-grid, .shima-product-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } .shima-category-card { min-height: 118px; } .shima-order-steps { grid-template-columns: 1fr; gap: 8px; } .shima-order-steps-title { display: flex; align-items: baseline; gap: 10px; } .shima-order-steps-title p { margin: 0; } .shima-product-hero { grid-template-columns: 1fr; } .shima-product-gallery { order: 1; } .shima-product-summary { order: 2; } .shima-product-main-image { height: min(72vw, 570px); } .shima-home-cta { padding: 18px 20px; } .shima-home-cta .shima-btn { min-width: 180px; } .shima-footer-inner { grid-template-columns: 1.2fr 1fr 1fr; } .shima-footer-social { grid-column: 1 / -1; } } @media (max-width: 760px) { body.shima-storefront-ui-active { padding-bottom: calc(70px + env(safe-area-inset-bottom)); } .shima-container { width: calc(100% - 20px); } .shima-main { padding-top: 10px; padding-bottom: 28px; } .shima-header { position: sticky; } .shima-header-inner { min-height: 0; grid-template-areas: "menu logo actions" "search search search"; grid-template-columns: 42px 1fr auto; gap: 8px 10px; padding: 9px 0 10px; } .shima-mobile-menu-toggle { grid-area: menu; width: 42px; height: 42px; display: grid; place-items: center; border: 0; background: transparent; color: #111827; cursor: pointer; } .shima-mobile-menu-toggle svg { width: 27px; height: 27px; } .shima-logo { grid-area: logo; justify-self: center; width: min(175px, 48vw); } .shima-main-nav { display: none; } .shima-header-actions { justify-self: end; gap: 4px; } .shima-account-link, .shima-cart-link { width: 40px; height: 40px; min-height: 40px; padding: 0; justify-content: center; border: 1px solid var(--shima-border); border-radius: 50%; background: #fff; } .shima-account-link span { display: none; } .shima-search { height: 43px; border-radius: 13px; } .shima-search input { font-size: 11.5px; } .shima-mobile-drawer { position: fixed; z-index: 5100; top: 0; right: 0; bottom: 0; width: min(81vw, 338px); padding: calc(14px + env(safe-area-inset-top)) 14px calc(16px + env(safe-area-inset-bottom)); display: flex; flex-direction: column; gap: 10px; background: linear-gradient(180deg, #ffffff 0%, #fbfdfb 100%); box-shadow: -24px 0 54px rgba(15,23,42,.18); overflow-y: auto; transform: translateX(105%); transition: transform .2s ease; } .shima-mobile-drawer[hidden] { display: none !important; } .shima-mobile-drawer.is-open { transform: translateX(0); } .shima-mobile-drawer-head { display: flex; flex-direction: row-reverse; align-items: center; justify-content: space-between; gap: 10px; padding-bottom: 10px; border-bottom: 1px solid var(--shima-border); } .shima-mobile-drawer-head img { width: 146px; max-width: 100%; } .shima-mobile-menu-close { width: 42px; height: 42px; display: grid; place-items: center; border: 0; border-radius: 16px; background: #f1f6f3; color: #118050; cursor: pointer; box-shadow: inset 0 0 0 1px rgba(7,123,67,.08); } .shima-mobile-menu-close svg { width: 22px; height: 22px; } .shima-mobile-drawer-intro { padding: 3px 4px 0; } .shima-mobile-drawer-intro strong { display: block; color: #123524; font-size: 17px; font-weight: 900; } .shima-mobile-drawer-intro span { display: block; margin-top: 3px; color: #6a7d73; font-size: 11.5px; line-height: 1.9; } .shima-mobile-drawer-nav { display: grid; gap: 8px; } .shima-mobile-drawer-nav > a { min-height: 58px; display: grid; grid-template-columns: 38px 1fr 18px; align-items: center; gap: 11px; padding: 10px 12px; border: 1px solid #e5efe9; border-radius: 16px; background: #fff; box-shadow: 0 6px 16px rgba(17,24,39,.03); } .shima-mobile-drawer-link-icon { width: 38px; height: 38px; display: grid; place-items: center; border-radius: 12px; background: #edf7f1; color: #0f7f4d; } .shima-mobile-drawer-link-icon svg { width: 20px; height: 20px; } .shima-mobile-drawer-link-text { min-width: 0; display: grid; gap: 1px; } .shima-mobile-drawer-link-text strong { color: #102d1f; font-size: 14.5px; font-weight: 860; line-height: 1.5; } .shima-mobile-drawer-link-text small { color: #77867f; font-size: 11px; line-height: 1.75; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .shima-mobile-drawer-link-arrow { display: grid; place-items: center; color: #89a296; } .shima-mobile-drawer-link-arrow svg { width: 16px; height: 16px; transform: rotate(180deg); } .shima-mobile-drawer-foot { margin-top: auto; display: grid; grid-template-columns: 1fr; gap: 8px; padding-top: 4px; } .shima-mobile-drawer-foot-card { min-height: 54px; display: grid; grid-template-columns: 20px 1fr; align-items: center; gap: 10px; padding: 11px 12px; border-radius: 16px; background: #f7fbf8; border: 1px solid #e2ece6; color: #123524; } .shima-mobile-drawer-foot-card svg { width: 20px; height: 20px; color: #0f7f4d; } .shima-mobile-drawer-foot-card span { display: grid; gap: 1px; } .shima-mobile-drawer-foot-card strong { font-size: 13px; font-weight: 850; } .shima-mobile-drawer-foot-card small { color: #71837a; font-size: 10.5px; line-height: 1.7; } .shima-drawer-backdrop { position: fixed; z-index: 5050; inset: 0; border: 0; background: rgba(15,23,42,.28); } .shima-drawer-backdrop:not([hidden]) { display: block; } .shima-hero { grid-template-columns: 1fr; grid-template-areas: "copy" "art" "side"; min-height: 0; border-radius: 16px; } .shima-hero-copy { padding: 22px 18px 14px; text-align: right; } .shima-hero-copy h1 { font-size: clamp(25px, 7.5vw, 33px); line-height: 1.45; } .shima-hero-copy p { font-size: 11.5px; line-height: 1.85; } .shima-hero-actions { margin-top: 14px; gap: 8px; flex-direction: column; } .shima-hero-actions .shima-btn { width: 100%; min-width: 0; min-height: 44px; font-size: 12px; padding-inline: 14px; } .shima-hero-signature { margin-top: 10px; font-size: 14px; } .shima-hero-art { min-height: 210px; } .shima-hero-art img { min-height: 210px; object-fit: cover; object-position: 53% center; } .shima-hero-side { grid-template-columns: 1fr; grid-template-rows: repeat(3, auto); border-top: 1px solid rgba(7, 148, 79, .08); } .shima-hero-side-item { min-height: 0; padding: 14px 14px; border-left: 0; border-bottom: 1px solid rgba(7,148,79,.08); } .shima-hero-side-item:last-child { border-bottom: 0; } .shima-hero-side-icon { width: 46px; height: 46px; } .shima-hero-side-icon svg { width: 24px; height: 24px; } .shima-hero-side-copy strong { font-size: 13px; } .shima-hero-side-copy small { font-size: 10px; } .shima-trust-strip { grid-template-columns: repeat(3, minmax(0, 1fr)); min-height: 0; margin-top: 10px; gap: 8px; border: 0; background: transparent; box-shadow: none; align-items: stretch; } .shima-trust-strip > div { min-height: 104px; padding: 11px 7px; flex-direction: column; gap: 7px; border: 1px solid var(--shima-border) !important; border-radius: 14px; background: #fff; text-align: center; } .shima-trust-strip svg { width: 29px; height: 29px; } .shima-trust-strip strong { font-size: 11px; } .shima-trust-strip small { font-size: 9px; line-height: 1.6; } .shima-section { margin-top: 16px; } .shima-section-head { margin-bottom: 10px; gap: 8px; } .shima-section-head h2 { font-size: 15px; } .shima-section-head a { font-size: 10.5px; } .shima-category-grid { display: flex; gap: 8px; overflow-x: auto; margin-inline: -1px; padding: 1px 1px 6px; scroll-snap-type: x proximity; scrollbar-width: none; } .shima-category-grid::-webkit-scrollbar { display: none; } .shima-category-card { flex: 0 0 162px; min-height: 124px; grid-template-columns: 1fr; grid-template-rows: 76px auto; padding: 8px 10px 10px; border-radius: 13px; scroll-snap-align: start; } .shima-category-media { grid-column: 1; grid-row: 1; height: 79px; } .shima-category-media img { height: 79px; } .shima-category-name { grid-column: 1; grid-row: 2; justify-self: start; font-size: 12px; } .shima-category-arrow { width: 27px; height: 27px; left: 9px; bottom: 8px; } .shima-product-grid { display: flex; gap: 8px; overflow-x: auto; padding: 1px 1px 7px; scroll-snap-type: x proximity; scrollbar-width: none; } .shima-product-grid::-webkit-scrollbar { display: none; } .shima-product-card { flex: 0 0 min(74vw, 250px); border-radius: 13px; scroll-snap-align: start; } .shima-product-card h3, .shima-product-card h2 { font-size: 11.5px; min-height: 41px; } .shima-product-price { font-size: 10px; } .shima-btn-block { min-height: 40px; font-size: 11px; } .shima-order-steps { margin-top: 14px; padding: 15px 12px; gap: 11px; border-radius: 14px; } .shima-order-steps-title { display: block; } .shima-order-steps-title h2 { font-size: 14px; line-height: 1.75; } .shima-order-steps-title p { margin-top: 3px; font-size: 10px; line-height: 1.75; } .shima-steps-grid { display: flex; gap: 8px; overflow-x: auto; padding-bottom: 3px; scrollbar-width: none; } .shima-steps-grid::-webkit-scrollbar { display: none; } .shima-steps-grid > div { flex: 0 0 220px; min-height: 80px; grid-template-columns: 30px 32px 1fr; padding: 9px 10px; border-radius: 12px; background: rgba(255,255,255,.62); } .shima-steps-grid > div::after { display: none; } .shima-step-number { width: 30px; height: 30px; font-size: 13px; } .shima-steps-grid svg { width: 30px; height: 30px; } .shima-step-copy strong { font-size: 12px; } .shima-step-copy small { font-size: 9.5px; line-height: 1.7; } .shima-home-cta { flex-direction: column; align-items: stretch; padding: 15px 13px; border-radius: 14px; gap: 12px; } .shima-home-cta-copy h2 { font-size: 14px; } .shima-home-cta-copy p { font-size: 11px; } .shima-home-cta .shima-btn { width: 100%; min-height: 43px; justify-content: center; } .shima-btn-white { min-width: 0; } .shima-product-hero { gap: 9px; } .shima-product-gallery, .shima-product-summary { border-radius: 14px; } .shima-product-gallery { padding: 11px; } .shima-product-main-image { min-height: 290px; height: min(90vw, 420px); } .shima-product-thumb { flex-basis: 84px; height: 66px; } .shima-product-summary { padding: 18px 15px 17px; } .shima-product-summary h1 { font-size: 24px; line-height: 1.52; } .shima-summary-price { font-size: 15px; } .shima-summary-price strong { font-size: 23px; } .shima-short-description { margin-top: 12px; font-size: 12.5px; line-height: 2; } .shima-variation-group { grid-template-columns: 1fr; gap: 6px; } .shima-variation-title { padding: 0; font-size: 15px; } .shima-variation-options { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 7px; } .shima-variation-option { min-width: 0; padding: 0 6px; font-size: 11.5px; min-height: 39px; } .shima-add-to-cart-wrap .woocommerce-variation-add-to-cart, .shima-add-to-cart-wrap form.cart:not(.variations_form) { grid-template-columns: 56px 1fr auto; } .shima-add-to-cart-wrap .single_add_to_cart_button { grid-column: 1 / -1; width: 100%; min-height: 47px !important; font-size: 14px !important; } .shima-qty-stepper { width: 100%; } .shima-product-assurance { grid-template-columns: repeat(3, 1fr); } .shima-product-assurance > div { min-height: 58px; padding: 6px 5px; flex-direction: column; gap: 3px; text-align: center; } .shima-product-assurance svg { width: 22px; height: 22px; } .shima-product-assurance strong { font-size: 10px; line-height: 1.55; } .shima-product-assurance small { display: none; } .shima-product-details { grid-template-columns: 1fr; gap: 9px; } .shima-detail-block { padding: 16px; } .shima-related-grid { display: flex; gap: 8px; overflow-x: auto; padding-bottom: 4px; scrollbar-width: none; } .shima-related-card { flex: 0 0 248px; grid-template-columns: 82px 1fr; } .shima-related-card img { width: 82px; } .shima-archive-head { min-height: 0; padding: 18px 14px; align-items: stretch; flex-direction: column; gap: 12px; border-radius: 14px; } .shima-archive-head h1 { font-size: 23px; } .shima-archive-head p { font-size: 11.5px; line-height: 1.85; } .shima-archive-ordering select { width: 100%; min-width: 0; height: 42px; font-size: 12px; } .shima-category-chips { margin-top: 10px; gap: 7px; } .shima-category-chips a { min-height: 35px; padding: 0 11px; font-size: 10px; } .shima-archive-meta { min-height: 24px; font-size: 10px; } .shima-archive-page .shima-archive-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; overflow: visible; padding: 0; } .shima-archive-page .shima-archive-grid .shima-product-card { flex: none; min-width: 0; } .shima-archive-page .shima-product-card h2 { min-height: 36px; font-size: 11px; } .shima-archive-page .shima-product-price { font-size: 9.5px; } .shima-archive-page .shima-btn-block { min-height: 38px; font-size: 10.5px; } .shima-footer { margin-top: 16px; } .shima-footer-inner { grid-template-columns: 1fr 1fr; gap: 18px 12px; padding: 20px 0; } .shima-footer-brand { align-items: center; grid-column: 1 / -1; text-align: center; } .shima-footer-logo img { width: 180px; } .shima-footer-contact, .shima-footer-links, .shima-footer-social { align-items: center; text-align: center; } .shima-footer-social { grid-column: 1 / -1; flex-direction: column; } .shima-social-row { justify-content: center; } .shima-footer-copy { padding: 11px 14px; text-align: center; font-size: 12px; } .shima-mobile-bottom-nav { position: fixed; z-index: 3000; right: 0; left: 0; bottom: 0; min-height: 62px; padding-bottom: env(safe-area-inset-bottom); display: grid; grid-template-columns: repeat(4, 1fr); background: rgba(255,255,255,.97); border-top: 1px solid var(--shima-border); box-shadow: 0 -10px 28px rgba(15,23,42,.07); -webkit-backdrop-filter: blur(12px); backdrop-filter: blur(12px); } .shima-mobile-bottom-nav a { display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 2px; color: #475569; font-size: 8.5px; font-weight: 800; } .shima-mobile-bottom-nav svg { width: 20px; height: 20px; } .shima-storefront .woocommerce-message, .shima-storefront .woocommerce-info, .shima-storefront .woocommerce-error { width: calc(100% - 20px); } } .shima-mobile-user-card { display: grid; grid-template-columns: 46px minmax(0,1fr) 18px; align-items: center; gap: 11px; padding: 11px 12px; border: 1px solid #dcebe2; border-radius: 18px; background: linear-gradient(135deg,#f2faf5 0%,#ffffff 72%); box-shadow: 0 8px 22px rgba(7,92,53,.055); } .shima-mobile-user-card.is-active { border-color: rgba(8,123,67,.38); box-shadow: 0 8px 24px rgba(8,123,67,.10); } .shima-mobile-user-avatar { width: 46px; height: 46px; display:grid; place-items:center; border-radius:15px; background:#0b8b52; color:#fff; box-shadow:0 8px 18px rgba(8,123,67,.20); } .shima-mobile-user-avatar svg { width:23px; height:23px; } .shima-mobile-user-copy { min-width:0; display:grid; gap:1px; } .shima-mobile-user-copy small { color:#6c8176; font-size:10px; font-style:normal; } .shima-mobile-user-copy strong { color:#123524; font-size:14px; font-weight:900; line-height:1.5; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; } .shima-mobile-user-copy em { color:#809087; font-size:10.5px; line-height:1.65; font-style:normal; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; } .shima-mobile-user-arrow { color:#90a39a; display:grid; place-items:center; } .shima-mobile-user-arrow svg { width:15px; height:15px; transform:rotate(180deg); } .shima-mobile-quick-actions { display:grid; grid-template-columns:1fr 1fr; gap:8px; } .shima-mobile-quick-card { min-height:86px; display:flex; flex-direction:column; align-items:flex-start; justify-content:center; gap:3px; padding:11px 12px; border:1px solid #dce9e1; border-radius:17px; background:#fff; color:#173a29; box-shadow:0 5px 14px rgba(15,23,42,.035); } .shima-mobile-quick-card > span { width:32px; height:32px; display:grid; place-items:center; border-radius:11px; background:#edf7f1; color:#0b8050; margin-bottom:2px; } .shima-mobile-quick-card > span svg { width:18px; height:18px; } .shima-mobile-quick-card strong { font-size:13px; font-weight:900; } .shima-mobile-quick-card small { color:#74867c; font-size:9.8px; line-height:1.55; } .shima-mobile-quick-card.is-primary { border-color:transparent; background:linear-gradient(135deg,#0c8b52,#087642); color:#fff; box-shadow:0 10px 22px rgba(8,123,67,.20); } .shima-mobile-quick-card.is-primary > span { background:rgba(255,255,255,.16); color:#fff; } .shima-mobile-quick-card.is-primary small { color:rgba(255,255,255,.82); } .shima-mobile-quick-card.is-active { outline:2px solid rgba(8,123,67,.13); outline-offset:2px; } .shima-mobile-drawer-section-title { display:flex; align-items:center; gap:9px; padding:1px 3px 0; color:#6f8278; font-size:10.5px; font-weight:800; } .shima-mobile-drawer-section-title i { flex:1; height:1px; background:#e4ece7; } .shima-mobile-drawer-nav > a { min-height:54px; grid-template-columns:36px 1fr 17px; padding:8px 10px; border-radius:15px; box-shadow:none; } .shima-mobile-drawer-nav > a.is-active { border-color:rgba(8,123,67,.25); background:#eff9f3; } .shima-mobile-drawer-nav > a.is-active .shima-mobile-drawer-link-icon { background:#0b8951; color:#fff; box-shadow:0 7px 16px rgba(8,123,67,.17); } .shima-mobile-drawer-link-icon { width:36px; height:36px; border-radius:11px; } .shima-mobile-drawer-link-text strong { font-size:13.5px; } .shima-mobile-drawer-link-text small { font-size:10.2px; } .shima-mobile-drawer-foot { grid-template-columns:1fr 1fr; gap:8px; margin-top:auto; } .shima-mobile-drawer-foot-card { min-height:66px; grid-template-columns:32px 1fr; gap:8px; padding:9px 10px; border-radius:15px; } .shima-mobile-foot-icon-wrap { position:relative; width:32px; height:32px; display:grid; place-items:center; border-radius:10px; background:#edf7f1; color:#0b8050; } .shima-mobile-foot-icon-wrap svg { width:18px; height:18px; } .shima-mobile-foot-icon-wrap b { position:absolute; top:-7px; left:-7px; min-width:18px; height:18px; padding:0 4px; display:grid; place-items:center; border-radius:999px; background:#e94c4c; color:#fff; font-size:9px; line-height:1; border:2px solid #fff; } .shima-mobile-drawer-foot-card strong { font-size:11.5px; } .shima-mobile-drawer-foot-card small { font-size:9.3px; line-height:1.55; } @media (max-width: 420px) { .shima-mobile-drawer { width: min(86vw, 332px); padding-right: 12px; padding-left: 12px; } .shima-mobile-drawer-head img { width: 136px; } .shima-mobile-drawer-intro strong { font-size: 16px; } .shima-mobile-drawer-nav > a { min-height: 54px; padding: 9px 10px; gap: 9px; } .shima-mobile-drawer-link-icon { width: 35px; height: 35px; } .shima-mobile-drawer-link-text strong { font-size: 14px; } .shima-mobile-drawer-link-text small { font-size: 10.5px; } .shima-mobile-quick-card { min-height:82px; padding:10px; } .shima-mobile-drawer-foot-card small { display:none; } .shima-mobile-drawer-foot-card { min-height:54px; } } @media (max-width: 520px) { .home .shima-hero-actions .shima-btn span { font-size: 11.5px; } .home .shima-hero-actions .shima-btn svg { width: 16px; height: 16px; } .home .shima-home-cta .shima-btn span { font-size: 12px; } .shima-header-inner { grid-template-columns: 40px 1fr auto; } .shima-logo { width: min(148px, 44vw); } .shima-header-actions { gap: 3px; } .shima-account-link, .shima-cart-link { width: 38px; height: 38px; min-height: 38px; } .shima-cart-count { min-width: 18px; height: 18px; font-size: 9px; } .shima-hero { grid-template-rows: auto 188px auto; } .shima-hero-copy { padding: 20px 16px 12px; } .shima-hero-copy h1 { font-size: 25px; } .shima-hero-copy p { font-size: 10.8px; } .shima-hero-art, .shima-hero-art img { min-height: 188px; } .shima-trust-strip > div { min-height: 98px; padding-inline: 5px; } .shima-trust-strip strong { font-size: 9.8px; } .shima-trust-strip small { font-size: 8.2px; } .shima-section-head { align-items: flex-end; } .shima-section-head h2 { font-size: 15px; } .shima-category-card { flex-basis: 150px; } .shima-product-card { flex-basis: min(78vw, 235px); } .shima-product-main-image { min-height: 270px; } .shima-variation-options { grid-template-columns: repeat(3, minmax(0, 1fr)); } .shima-product-assurance > div { min-height: 55px; } .shima-footer-inner { grid-template-columns: 1fr; gap: 14px; } .shima-footer-contact, .shima-footer-links { align-items: center; } } @media (max-width: 520px) { .shima-product-summary h1 { font-size: 22px; } .shima-summary-price { font-size: 14px; } .shima-summary-price strong { font-size: 21px; } .shima-variation-option { font-size: 11px; } .shima-product-assurance { gap: 0; } .shima-archive-head h1 { font-size: 21px; } .shima-archive-head p { font-size: 10.8px; } .shima-archive-page .shima-archive-grid { gap: 8px; } .shima-archive-page .shima-product-card { border-radius: 12px; } .shima-archive-page .shima-product-image { aspect-ratio: 1 / 0.92; } } @media (max-width: 760px) { .shima-transaction-main { padding-top: 10px; } .shima-transaction-head { min-height: 0; padding: 17px 14px; flex-direction: column; align-items: stretch; gap: 12px; border-radius: 14px; } .shima-transaction-head h1 { margin-top: 6px; font-size: 23px; } .shima-transaction-head p { font-size: 11.5px; line-height: 1.85; } .shima-transaction-badges { justify-content: flex-start; gap: 6px; } .shima-transaction-badges > span { min-height: 34px; padding: 0 9px; font-size: 9.5px; } .shima-transaction-badges svg { width: 16px; height: 16px; } .shima-checkout-progress { min-height: 0; padding: 9px; gap: 5px; border-radius: 13px; } .shima-checkout-progress > div { min-height: 64px; grid-template-columns: 28px 1fr; column-gap: 6px; padding: 5px; } .shima-checkout-progress > div:not(:last-child)::after { display: none; } .shima-checkout-progress > div > span { width: 27px; height: 27px; font-size: 11px; } .shima-checkout-progress strong { font-size: 9.8px; line-height: 1.5; } .shima-checkout-progress small { font-size: 7.8px; line-height: 1.45; } .shima-transaction-content { margin-top: 10px; } .shima-transaction-content .wc-block-components-sidebar-layout { display: block !important; } .shima-transaction-content .wc-block-components-main, .shima-transaction-content .wc-block-components-sidebar { width: 100% !important; padding-left: 0 !important; padding-right: 0 !important; } .shima-transaction-content .wc-block-components-sidebar { position: static; margin-top: 10px; } .shima-transaction-content .wc-block-cart__main, .shima-transaction-content .wc-block-checkout__main { padding: 13px !important; border-radius: 13px; } .shima-transaction-content .wc-block-cart__sidebar, .shima-transaction-content .wc-block-checkout__sidebar { padding: 13px !important; border-radius: 13px; } .shima-transaction-content .wc-block-cart-items__row { padding: 12px 0 !important; } .shima-transaction-content .wc-block-cart-item__image { width: 70px !important; } .shima-transaction-content .wc-block-cart-item__product .wc-block-components-product-name, .shima-transaction-content .wc-block-components-order-summary-item__description .wc-block-components-product-name { font-size: 11.5px; } .shima-transaction-content .wc-block-components-title, .shima-transaction-content .wc-block-components-checkout-step__heading { font-size: 14px !important; } .shima-transaction-content .wc-block-components-button, .shima-transaction-content .wc-block-cart__submit-button, .shima-transaction-content .wc-block-components-checkout-place-order-button { min-height: 47px !important; font-size: 12.5px !important; } .shima-transaction-content .woocommerce-cart-form { padding: 11px; overflow-x: auto; } .shima-transaction-content .woocommerce-cart-form table.shop_table { min-width: 640px; } .shima-transaction-content .cart_totals { width: 100% !important; padding: 14px; } .shima-transaction-content .coupon { flex-wrap: wrap; } .shima-transaction-content .coupon .input-text { flex: 1 1 160px; min-width: 0; } .shima-transaction-content form.woocommerce-checkout { grid-template-columns: 1fr; gap: 10px; } .shima-transaction-content form.woocommerce-checkout #customer_details, .shima-transaction-content form.woocommerce-checkout #order_review_heading, .shima-transaction-content form.woocommerce-checkout #order_review { grid-column: 1; } .shima-transaction-content form.woocommerce-checkout #customer_details { padding: 14px; } .shima-transaction-content form.woocommerce-checkout #order_review { position: static; } } @media (max-width: 520px) { .shima-transaction-head h1 { font-size: 21px; } .shima-transaction-head p { font-size: 10.8px; } .shima-transaction-badges { display: grid; grid-template-columns: 1fr 1fr; } .shima-transaction-badges > span { justify-content: center; white-space: normal; text-align: center; } .shima-checkout-progress { grid-template-columns: repeat(3, minmax(0, 1fr)); } .shima-checkout-progress > div { grid-template-columns: 1fr; grid-template-rows: auto auto auto; justify-items: center; text-align: center; gap: 2px; } .shima-checkout-progress > div > span { grid-row: auto; } .shima-checkout-progress strong { font-size: 9px; } .shima-checkout-progress small { font-size: 7.3px; } .shima-transaction-content .wc-block-cart__main, .shima-transaction-content .wc-block-checkout__main, .shima-transaction-content .wc-block-cart__sidebar, .shima-transaction-content .wc-block-checkout__sidebar { padding: 11px !important; } .shima-transaction-content .wc-block-cart-item__image { width: 62px !important; } } @media (prefers-reduced-motion: reduce) { html { scroll-behavior: auto; } *, *::before, *::after { transition-duration: .001ms !important; animation-duration: .001ms !important; animation-iteration-count: 1 !important; } } @media (max-width: 760px) { body.shima-menu-open { overflow: hidden !important; } } /* =========================
   Quick order page
   ========================= */ .shima-qo-hero { display: grid; grid-template-columns: minmax(280px, 1fr) minmax(360px, 1.15fr); align-items: stretch; background: linear-gradient(135deg, #edf7f0 0%, #f8fcf9 100%); border: 1px solid #dbe8df; border-radius: 28px; overflow: hidden; margin-top: 26px; } .shima-qo-hero-art { min-height: 260px; } .shima-qo-hero-art img { width: 100%; height: 100%; object-fit: cover; display: block; } .shima-qo-hero-copy { padding: 34px 40px; display: flex; flex-direction: column; justify-content: center; gap: 14px; } .shima-qo-badge { display: inline-flex; align-items: center; gap: 10px; align-self: flex-start; padding: 10px 16px; border-radius: 999px; background: #fff; color: var(--shima-green); border: 1px solid #dbe8df; font-weight: 800; } .shima-qo-badge svg, .shima-qo-info-pill svg, .shima-qo-bottom-benefits svg, .shima-qo-field span svg, .shima-qo-access-card svg, .shima-qo-clear svg, .shima-mobile-bottom-nav a svg { width: 22px; height: 22px; } .shima-qo-hero-copy h1 { margin: 0; font-size: clamp(2rem, 3vw, 3.3rem); line-height: 1.15; } .shima-qo-hero-copy p { margin: 0; font-size: 1.06rem; color: var(--shima-text-soft); line-height: 1.95; max-width: 44rem; } .shima-qo-hero-note { color: #468a63; font-size: 1.2rem; font-weight: 700; } .shima-qo-toolbar { display: grid; grid-template-columns: 320px 1fr minmax(260px, 360px); gap: 16px; align-items: center; margin-top: 18px; } .shima-qo-info-pill { display: flex; align-items: center; gap: 12px; padding: 16px 18px; background: #f7fbf8; border: 1px solid #dce9e1; border-radius: 18px; color: var(--shima-text-soft); font-size: 0.96rem; min-height: 72px; } .shima-qo-categories { display: flex; flex-wrap: wrap; gap: 10px; justify-content: center; } .shima-qo-categories a { display: inline-flex; align-items: center; justify-content: center; min-height: 52px; padding: 0 18px; border-radius: 16px; border: 1px solid #d7e4dc; background: #fff; color: var(--shima-text); font-weight: 700; } .shima-qo-categories a.is-active, .shima-qo-categories a:hover { color: var(--shima-green); border-color: var(--shima-green); background: #f3fbf6; } .shima-qo-search { position: relative; } .shima-qo-search input { width: 100%; min-height: 58px; border-radius: 18px; border: 1px solid #d7e4dc; background: #fff; padding: 0 62px 0 18px; font-size: 1rem; } .shima-qo-search > button { position: absolute; inset: 50% auto auto 16px; transform: translateY(-50%); width: 36px; height: 36px; border: 0; border-radius: 50%; background: transparent; color: var(--shima-text); } .shima-qo-layout { display: grid; grid-template-columns: 320px minmax(0, 1fr); gap: 20px; align-items: start; margin-top: 22px; } .shima-qo-summary-card, .shima-qo-results, .shima-qo-access-card { background: #fff; border: 1px solid #dce9e1; border-radius: 24px; box-shadow: 0 18px 48px rgba(18, 59, 37, 0.06); } .shima-qo-summary-card { padding: 24px; position: sticky; top: 110px; } .shima-qo-summary-card h2, .shima-qo-results-head h2, .shima-qo-access-card h2 { margin: 0; font-size: 1.7rem; } .shima-qo-summary-list { display: grid; gap: 10px; margin-top: 18px; } .shima-qo-summary-list div { display: flex; justify-content: space-between; align-items: center; padding: 16px 18px; border-radius: 16px; background: #f7fbf8; border: 1px solid #e2eee6; gap: 14px; } .shima-qo-summary-list strong { font-size: 1.35rem; } .shima-qo-summary-list .is-total { background: #eef8f1; } .shima-qo-summary-list .is-total strong { color: var(--shima-green); } .shima-qo-field { display: grid; gap: 10px; margin-top: 16px; } .shima-qo-field span { display: inline-flex; align-items: center; gap: 8px; font-weight: 700; color: var(--shima-text); } .shima-qo-field input, .shima-qo-field textarea { width: 100%; border-radius: 16px; border: 1px solid #d7e4dc; background: #fff; padding: 14px 16px; font-size: 0.97rem; resize: vertical; } .shima-qo-summary-card .shima-btn { margin-top: 14px; } .shima-qo-submit:disabled { opacity: 0.6; pointer-events: none; } .shima-qo-results { padding: 22px; } .shima-qo-results-head { display: flex; justify-content: space-between; align-items: end; gap: 18px; margin-bottom: 18px; } .shima-qo-results-head p { margin: 8px 0 0; color: var(--shima-text-soft); } .shima-qo-count { display: inline-flex; align-items: center; justify-content: center; min-height: 44px; padding: 0 14px; border-radius: 999px; background: #f3fbf6; color: var(--shima-green); font-weight: 800; } .shima-qo-table-wrap { overflow-x: auto; } .shima-qo-table { display: grid; grid-template-columns: minmax(260px, 2.2fr) minmax(100px, 0.75fr) minmax(100px, 0.8fr) minmax(126px, 0.95fr) minmax(126px, 0.95fr) minmax(150px, 1fr) minmax(138px, 1fr) minmax(138px, 1fr) 70px; gap: 12px; align-items: center; } .shima-qo-table-head { padding: 0 18px 14px; color: var(--shima-text-soft); font-size: 0.94rem; font-weight: 700; } .shima-qo-row { padding: 18px; border-radius: 22px; border: 1px solid #e1ede5; background: #fff; margin-bottom: 14px; transition: box-shadow 0.2s ease, border-color 0.2s ease, transform 0.2s ease; } .shima-qo-row.is-selected { border-color: #a9d4b6; box-shadow: 0 16px 34px rgba(20, 111, 54, 0.08); } .shima-qo-row.is-incomplete { border-color: #e3cf9d; background: #fffdf6; } .shima-qo-product { display: flex; align-items: center; gap: 14px; } .shima-qo-image { width: 86px; height: 86px; border-radius: 18px; background: #f6faf7; border: 1px solid #e0ece4; display: inline-flex; align-items: center; justify-content: center; overflow: hidden; flex: 0 0 auto; } .shima-qo-image img { width: 100%; height: 100%; object-fit: contain; } .shima-qo-product-copy { display: grid; gap: 8px; } .shima-qo-product-copy strong { font-size: 1.08rem; line-height: 1.7; } .shima-qo-product-copy small { color: var(--shima-text-soft); font-size: 0.88rem; } .shima-qo-col { font-size: 0.96rem; line-height: 1.6; } .shima-qo-col select, .shima-qo-col input[type="number"] { width: 100%; min-height: 46px; border-radius: 14px; border: 1px solid #d7e4dc; background: #fff; padding: 0 14px; font-size: 0.95rem; } .shima-qo-price strong, .shima-qo-subtotal strong { font-size: 1rem; font-weight: 800; } .shima-qo-subtotal strong { color: var(--shima-green); } .shima-qo-qty-stepper { display: inline-flex; align-items: center; width: 100%; border: 1px solid #d7e4dc; border-radius: 14px; overflow: hidden; background: #fff; } .shima-qo-qty-stepper button { width: 44px; height: 46px; border: 0; background: #f6faf7; color: var(--shima-text); font-size: 1.35rem; font-weight: 700; } .shima-qo-qty-stepper input { border: 0 !important; border-radius: 0 !important; text-align: center; min-width: 0; } .shima-qo-clear { width: 44px; height: 44px; display: inline-flex; align-items: center; justify-content: center; border-radius: 14px; border: 0; background: #fff0f1; color: #e15e6c; } .shima-qo-clear:hover { background: #ffe5e8; } .shima-qo-bottom-benefits { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 18px; border-top: 1px solid #ebf2ee; margin-top: 14px; padding-top: 20px; } .shima-qo-bottom-benefits div { display: flex; align-items: center; justify-content: center; gap: 12px; padding: 18px; border-radius: 18px; background: #f9fcfa; border: 1px solid #e4eee8; } .shima-qo-bottom-benefits span { display: grid; gap: 4px; } .shima-qo-bottom-benefits small { color: var(--shima-text-soft); } .shima-qo-empty, .shima-qo-access-card { padding: 36px; text-align: center; margin-top: 22px; } .shima-qo-access-card p, .shima-qo-empty p { margin: 14px auto 0; max-width: 46rem; color: var(--shima-text-soft); line-height: 2; } .shima-qo-access-actions { display: inline-flex; gap: 12px; flex-wrap: wrap; justify-content: center; margin-top: 22px; } .shima-qo-dash { color: #9aa8a0; } @media (max-width: 1199px) { .shima-qo-toolbar { grid-template-columns: 1fr; } .shima-qo-layout { grid-template-columns: 1fr; } .shima-qo-summary-card { position: static; order: 2; } .shima-qo-results { order: 1; } } @media (max-width: 991px) { .shima-qo-hero { grid-template-columns: 1fr; } .shima-qo-hero-art { order: -1; min-height: 220px; } .shima-qo-bottom-benefits { grid-template-columns: 1fr; } } @media (max-width: 767px) { .shima-qo-hero-copy { padding: 22px 18px; } .shima-qo-hero-copy h1 { font-size: 2rem; } .shima-qo-badge { padding: 8px 12px; font-size: 0.9rem; } .shima-qo-info-pill, .shima-qo-search input, .shima-qo-categories a { min-height: 50px; } .shima-qo-results, .shima-qo-summary-card, .shima-qo-empty, .shima-qo-access-card { padding: 18px; border-radius: 20px; } .shima-qo-results-head { align-items: start; flex-direction: column; } .shima-qo-table-head { display: none; } .shima-qo-table { grid-template-columns: 1fr; gap: 10px; } .shima-qo-row { padding: 16px; } .shima-qo-col { display: flex; align-items: center; justify-content: space-between; gap: 12px; } .shima-qo-col::before { content: attr(data-title); flex: 0 0 42%; font-size: 0.9rem; color: var(--shima-text-soft); font-weight: 700; } .shima-qo-product, .shima-qo-product::before { content: none; } .shima-qo-product { align-items: flex-start; justify-content: flex-start; padding-bottom: 8px; margin-bottom: 8px; border-bottom: 1px dashed #e4eee8; } .shima-qo-actions { justify-content: flex-end; } } /* =========================
   Quick order stabilization 1.4.1
   Fixed typography scale + tighter desktop/mobile geometry.
   ========================= */ .shima-quick-order-page, .shima-quick-order-page * { box-sizing: border-box; } .shima-quick-order-page { font-size: 14px; } .shima-quick-order-page button, .shima-quick-order-page input, .shima-quick-order-page select, .shima-quick-order-page textarea { font: inherit; } /* Match reference: note on the left, categories in center, search on the right. */ .shima-qo-toolbar { direction: ltr; grid-template-columns: minmax(245px, 310px) minmax(340px, 1fr) minmax(330px, 430px); grid-template-areas: "info cats search"; gap: 14px; margin-top: 16px; } .shima-qo-info-pill { grid-area: info; direction: rtl; min-height: 62px; padding: 12px 14px; border-radius: 16px; font-size: 12.5px; line-height: 1.8; } .shima-qo-categories { grid-area: cats; direction: rtl; gap: 8px; } .shima-qo-search { grid-area: search; direction: rtl; } .shima-qo-categories a { min-height: 46px; padding: 0 15px; border-radius: 14px; font-size: 12.5px; } .shima-qo-search input { min-height: 50px; border-radius: 15px; padding: 0 50px 0 14px; font-size: 13px; -webkit-appearance: none; appearance: none; } .shima-qo-search input::-webkit-search-cancel-button, .shima-qo-search input::-webkit-search-decoration { -webkit-appearance: none; } .shima-qo-search > button { right: 11px; left: auto; width: 34px; height: 34px; } .shima-qo-search > button svg { width: 20px; height: 20px; } /* Match reference: compact summary on the left, main order table on the right. */ .shima-qo-layout { direction: ltr; grid-template-columns: 286px minmax(0, 1fr); grid-template-areas: "summary results"; gap: 18px; margin-top: 18px; } .shima-qo-summary-card { grid-area: summary; direction: rtl; padding: 20px; border-radius: 20px; top: 98px; } .shima-qo-results { grid-area: results; direction: rtl; padding: 18px; border-radius: 20px; } .shima-qo-summary-card h2, .shima-qo-results-head h2, .shima-qo-access-card h2 { font-size: 20px; line-height: 1.55; font-weight: 900; } .shima-qo-results-head { margin-bottom: 14px; align-items: center; } .shima-qo-results-head p { margin-top: 4px; font-size: 12.5px; line-height: 1.75; } .shima-qo-count { min-height: 38px; padding: 0 12px; font-size: 12px; } .shima-qo-summary-list { gap: 8px; margin-top: 14px; } .shima-qo-summary-list div { padding: 12px 13px; min-height: 54px; border-radius: 13px; font-size: 13px; } .shima-qo-summary-list strong { font-size: 16px; } .shima-qo-field { gap: 7px; margin-top: 13px; } .shima-qo-field span { gap: 6px; font-size: 12.5px; } .shima-qo-field span svg { width: 18px; height: 18px; } .shima-qo-field input, .shima-qo-field textarea { border-radius: 13px; padding: 11px 12px; font-size: 12.5px; line-height: 1.8; } .shima-qo-summary-card .shima-btn { margin-top: 10px; min-height: 43px; font-size: 12.5px; } .shima-qo-table-wrap { overflow-x: auto; overflow-y: hidden; scrollbar-width: thin; } .shima-qo-table { min-width: 1040px; grid-template-columns: minmax(215px, 2.05fr) minmax(92px, .8fr) minmax(92px, .8fr) minmax(105px, .9fr) minmax(105px, .9fr) minmax(126px, 1fr) minmax(118px, .95fr) minmax(126px, 1fr) 48px; gap: 8px; } .shima-qo-table-head { padding: 0 12px 10px; font-size: 11.5px; line-height: 1.55; } .shima-qo-row { padding: 12px; border-radius: 17px; margin-bottom: 10px; } .shima-qo-col { min-width: 0; font-size: 12px; line-height: 1.65; } .shima-qo-product { gap: 10px; } .shima-qo-image { width: 68px; height: 68px; border-radius: 13px; } .shima-qo-product-copy { gap: 4px; min-width: 0; } .shima-qo-product-copy strong { display: -webkit-box; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 2; font-size: 12.5px; line-height: 1.65; font-weight: 850; } .shima-qo-product-copy small { font-size: 10.5px; line-height: 1.5; } .shima-qo-col select, .shima-qo-col input[type="number"] { min-height: 39px; border-radius: 11px; padding: 0 8px; font-size: 11.5px; } .shima-qo-price strong, .shima-qo-subtotal strong { display: inline-block; font-size: 11.8px; white-space: nowrap; } .shima-qo-qty-stepper { border-radius: 11px; } .shima-qo-qty-stepper button { width: 34px; height: 39px; font-size: 17px; } .shima-qo-qty-stepper input { min-height: 39px !important; padding: 0 3px !important; -moz-appearance: textfield; } .shima-qo-qty-stepper input::-webkit-inner-spin-button, .shima-qo-qty-stepper input::-webkit-outer-spin-button { -webkit-appearance: none; margin: 0; } .shima-qo-clear { width: 36px; height: 36px; border-radius: 10px; } .shima-qo-clear svg { width: 17px; height: 17px; } .shima-qo-bottom-benefits { gap: 10px; margin-top: 12px; padding-top: 14px; } .shima-qo-bottom-benefits div { gap: 9px; padding: 12px; border-radius: 14px; min-height: 72px; } .shima-qo-bottom-benefits svg { width: 24px; height: 24px; } .shima-qo-bottom-benefits strong { font-size: 12px; line-height: 1.6; } .shima-qo-bottom-benefits small { font-size: 10.5px; line-height: 1.55; } .shima-qo-hero { margin-top: 18px; border-radius: 22px; } .shima-qo-hero-art { min-height: 225px; } .shima-qo-hero-copy { padding: 27px 30px; gap: 10px; } .shima-qo-badge { padding: 7px 12px; font-size: 11.5px; gap: 7px; } .shima-qo-badge svg { width: 18px; height: 18px; } .shima-qo-hero-copy h1 { font-size: clamp(30px, 2.6vw, 43px); line-height: 1.3; } .shima-qo-hero-copy p { font-size: 13px; line-height: 1.9; } .shima-qo-hero-note { font-size: 14px; font-weight: 650; } /* Do not let a theme's base font size enlarge the quick-order UI. */ .shima-quick-order-page .shima-qo-summary-card, .shima-quick-order-page .shima-qo-results, .shima-quick-order-page .shima-qo-toolbar, .shima-quick-order-page .shima-qo-hero { font-size: 14px; } @media (max-width: 1280px) { .shima-qo-toolbar { grid-template-columns: minmax(220px, 270px) minmax(300px, 1fr) minmax(290px, 370px); } .shima-qo-layout { grid-template-columns: 265px minmax(0, 1fr); gap: 14px; } .shima-qo-table { min-width: 980px; } } @media (max-width: 1100px) { .shima-qo-toolbar { direction: rtl; grid-template-columns: 1fr; grid-template-areas: "search" "cats" "info"; } .shima-qo-categories { justify-content: flex-start; overflow-x: auto; flex-wrap: nowrap; padding-bottom: 3px; scrollbar-width: none; } .shima-qo-categories::-webkit-scrollbar { display: none; } .shima-qo-layout { direction: rtl; grid-template-columns: 1fr; grid-template-areas: "results" "summary"; } .shima-qo-summary-card { position: static; } } @media (max-width: 767px) { .shima-quick-order-page { font-size: 13px; } .shima-qo-hero { margin-top: 10px; border-radius: 16px; } .shima-qo-hero-art { min-height: 170px; } .shima-qo-hero-copy { padding: 18px 15px; } .shima-qo-hero-copy h1 { font-size: 25px; } .shima-qo-hero-copy p { font-size: 11.5px; line-height: 1.85; } .shima-qo-hero-note { font-size: 12px; } .shima-qo-toolbar { gap: 9px; margin-top: 10px; } .shima-qo-info-pill { min-height: 52px; font-size: 11px; padding: 10px 12px; } .shima-qo-search input { min-height: 46px; font-size: 12px; } .shima-qo-categories a { min-height: 40px; padding: 0 12px; font-size: 11px; } .shima-qo-results, .shima-qo-summary-card, .shima-qo-access-card { padding: 14px; border-radius: 16px; } .shima-qo-summary-card h2, .shima-qo-results-head h2, .shima-qo-access-card h2 { font-size: 17px; } .shima-qo-table-wrap { overflow: visible; } .shima-qo-table { min-width: 0; grid-template-columns: 1fr; gap: 7px; } .shima-qo-row { padding: 12px; border-radius: 14px; } .shima-qo-product { padding-bottom: 8px; } .shima-qo-image { width: 64px; height: 64px; } .shima-qo-product-copy strong { font-size: 12px; } .shima-qo-col { font-size: 11.5px; } .shima-qo-col::before { flex-basis: 38%; font-size: 10.5px; } .shima-qo-col select { max-width: 58%; } .shima-qo-qty-stepper { width: 58%; } .shima-qo-bottom-benefits { grid-template-columns: 1fr; } .shima-qo-bottom-benefits div { justify-content: flex-start; } } /* =========================
   1.4.2 — Quick order polish + global live product search
   ========================= */ /* Every product-search host can show a live dropdown outside its rounded shell. */ .shima-live-search-host { position: relative !important; overflow: visible !important; isolation: isolate; } .shima-live-search-host:focus-within { z-index: 5200; } .shima-live-search-results { position: absolute; z-index: 5300; top: calc(100% + 8px); left: 0; width: 100%; min-width: 320px; max-height: min(420px, 60vh); overflow: auto; padding: 7px; border: 1px solid #d9e6de; border-radius: 15px; background: rgba(255,255,255,.99); box-shadow: 0 18px 44px rgba(15,23,42,.14); direction: rtl; text-align: right; -webkit-backdrop-filter: blur(12px); backdrop-filter: blur(12px); } .shima-live-search-results[hidden] { display: none !important; } .shima-search .shima-live-search-results { width: min(390px, calc(100vw - 24px)); } .shima-qo-search .shima-live-search-results { width: 100%; min-width: 0; } .shima-live-search-item { width: 100%; min-height: 68px; padding: 7px 8px; display: grid; grid-template-columns: 52px minmax(0, 1fr) auto; align-items: center; gap: 10px; border: 0; border-radius: 11px; background: transparent; color: #17211b; text-align: right; cursor: pointer; transition: background .14s ease, transform .14s ease; } .shima-live-search-item + .shima-live-search-item { border-top: 1px solid #edf2ef; } .shima-live-search-item:hover, .shima-live-search-item.is-active { background: #f0f8f3; } .shima-live-search-thumb { width: 52px; height: 52px; display: grid; place-items: center; overflow: hidden; border: 1px solid #e1ebe5; border-radius: 10px; background: #f8faf9; } .shima-live-search-thumb img { width: 100%; height: 100% !important; object-fit: contain; } .shima-live-search-copy { min-width: 0; display: grid; gap: 3px; } .shima-live-search-copy strong { overflow: hidden; color: #111827; font-size: 12.5px; line-height: 1.65; font-weight: 850; text-overflow: ellipsis; white-space: nowrap; } .shima-live-search-meta { overflow: hidden; color: #7a867f; font-size: 10px; line-height: 1.6; text-overflow: ellipsis; white-space: nowrap; } .shima-live-search-price { color: var(--shima-green); font-size: 10.5px; line-height: 1.5; font-weight: 850; white-space: nowrap; } .shima-live-search-loading, .shima-live-search-empty { padding: 13px 12px; color: #65726b; font-size: 11.5px; line-height: 1.8; text-align: center; } /* Remove browser focus rings that break the visual system; keep an accessible green focus shell. */ .shima-qo-search input:focus, .shima-search input:focus { outline: 0 !important; box-shadow: none !important; } .shima-qo-search:focus-within { border-radius: 15px; box-shadow: 0 0 0 3px rgba(7,148,79,.09); } .shima-qo-search:focus-within input { border-color: #8fc5a3; } /* Desktop quick-order geometry: fit the full table without clipping the delete action. */ .shima-qo-table-wrap { overflow-x: auto; overflow-y: visible; padding-bottom: 3px; } .shima-qo-table { min-width: 918px; grid-template-columns: minmax(190px, 2fr) minmax(78px, .75fr) minmax(78px, .78fr) minmax(86px, .82fr) minmax(78px, .75fr) minmax(112px, .95fr) minmax(104px, .9fr) minmax(108px, .95fr) 56px; gap: 7px; } .shima-qo-table-head { padding-inline: 12px; } .shima-qo-table-head > div:last-child { text-align: center; } .shima-qo-row { overflow: visible; padding-inline: 12px; } .shima-qo-actions { min-width: 56px; display: flex; align-items: center; justify-content: center; overflow: visible; } .shima-qo-clear { width: 40px; height: 40px; flex: 0 0 40px; display: inline-grid; place-items: center; margin: 0 auto; padding: 0; border: 1px solid #ffd9de; border-radius: 11px; background: #fff0f2; color: #dc4f61; cursor: pointer; box-shadow: none; } .shima-qo-clear:hover, .shima-qo-clear:focus-visible { border-color: #f3aab4; background: #ffe6ea; color: #c83b4e; outline: 0; } .shima-qo-clear svg { width: 18px !important; height: 18px !important; display: block; flex: 0 0 auto; overflow: visible; } .shima-qo-product { min-width: 0; } .shima-qo-image { flex: 0 0 64px; width: 64px; height: 64px; } .shima-qo-product-copy strong { font-size: 12px; } .shima-qo-product-copy small { font-size: 10px; } .shima-qo-col { text-align: center; } .shima-qo-product { text-align: right; } .shima-qo-col select { padding-inline: 7px; } .shima-qo-qty-stepper { max-width: 112px; margin-inline: auto; } .shima-qo-price strong, .shima-qo-subtotal strong { font-size: 11.3px; } .shima-qo-dash { display: inline-block; width: 100%; text-align: center; } /* Slightly calmer hierarchy and spacing. */ .shima-qo-results { box-shadow: 0 12px 34px rgba(18,59,37,.045); } .shima-qo-results-head h2 { font-size: 19px; } .shima-qo-results-head p { font-size: 11.8px; } .shima-qo-summary-card { box-shadow: 0 12px 34px rgba(18,59,37,.045); } .shima-qo-summary-card h2 { font-size: 19px; } .shima-qo-summary-list div { min-height: 50px; } .shima-qo-summary-list strong { font-size: 15px; } .shima-qo-bottom-benefits div { min-height: 68px; } .shima-qo-bottom-benefits strong { font-size: 11.5px; } /* Keep live-search controls and results on Vazirmatn regardless of third-party theme CSS. */ .shima-live-search-host, .shima-live-search-host *, .shima-live-search-results, .shima-live-search-results * { font-family: "Vazirmatn", sans-serif !important; } @media (max-width: 1280px) { .shima-qo-table { min-width: 895px; } .shima-qo-layout { grid-template-columns: 255px minmax(0, 1fr); } } @media (max-width: 1100px) { .shima-qo-table { min-width: 900px; } .shima-qo-layout { grid-template-columns: 1fr; } } @media (max-width: 767px) { .shima-live-search-results { min-width: 0; width: 100% !important; max-height: min(390px, 56vh); top: calc(100% + 6px); border-radius: 13px; } .shima-live-search-item { min-height: 62px; grid-template-columns: 46px minmax(0, 1fr); gap: 9px; padding: 7px; } .shima-live-search-thumb { width: 46px; height: 46px; } .shima-live-search-price { grid-column: 2; justify-self: start; margin-top: -2px; font-size: 10px; } .shima-qo-table { min-width: 0; } .shima-qo-actions { min-width: 0; justify-content: flex-end; } .shima-qo-clear { width: 42px; height: 42px; flex-basis: 42px; } } /* =========================
   1.4.3 — Quick-order live search visibility + benefit emphasis
   ========================= */ /* Only the main search icon button inside quick-order should be absolutely positioned.
   Live-search result buttons must remain regular block items. */ .shima-qo-search .shima-live-search-results, .shima-qo-search .shima-live-search-item, .shima-qo-search .shima-live-search-item * { position: static !important; inset: auto !important; transform: none !important; } .shima-qo-search .shima-live-search-results { position: absolute !important; top: calc(100% + 8px) !important; left: 0 !important; width: 100% !important; min-width: 0 !important; } .shima-qo-search .shima-live-search-item { display: grid !important; grid-template-columns: 64px minmax(0,1fr) auto !important; align-items: center !important; min-height: 84px !important; padding: 10px 12px !important; gap: 12px !important; text-align: right !important; } .shima-qo-search .shima-live-search-thumb { width: 64px !important; height: 64px !important; border-radius: 12px !important; } .shima-qo-search .shima-live-search-copy strong { font-size: 14px !important; line-height: 1.7 !important; font-weight: 800 !important; } .shima-qo-search .shima-live-search-meta { font-size: 11px !important; line-height: 1.7 !important; font-weight: 600 !important; } .shima-qo-search .shima-live-search-price { font-size: 12px !important; line-height: 1.7 !important; font-weight: 900 !important; } .shima-qo-bottom-benefits div { align-items: center !important; } .shima-qo-bottom-benefits strong { font-size: 13px !important; font-weight: 900 !important; color: var(--shima-text) !important; } .shima-qo-bottom-benefits small { font-size: 11.5px !important; font-weight: 800 !important; color: #4d5f55 !important; } @media (max-width: 767px) { .shima-qo-search .shima-live-search-item { grid-template-columns: 52px minmax(0,1fr) !important; min-height: 76px !important; padding: 8px 10px !important; } .shima-qo-search .shima-live-search-thumb { width: 52px !important; height: 52px !important; } .shima-qo-search .shima-live-search-price { grid-column: 2 !important; justify-self: start !important; } } /* 1.4.4 — keep quick-order live results consistent with the site-wide minimal design. */ .shima-qo-search .shima-live-search-item { grid-template-columns: 58px minmax(0,1fr) auto !important; min-height: 76px !important; padding: 8px 10px !important; gap: 11px !important; } .shima-qo-search .shima-live-search-thumb { width: 58px !important; height: 58px !important; } .shima-qo-search .shima-live-search-copy strong { font-size: 13.5px !important; line-height: 1.8 !important; font-weight: 850 !important; } .shima-qo-search .shima-live-search-stock { position: static !important; transform: none !important; } @media (max-width: 767px) { .shima-qo-search .shima-live-search-item { grid-template-columns: 50px minmax(0,1fr) auto !important; min-height: 68px !important; } .shima-qo-search .shima-live-search-thumb { width: 50px !important; height: 50px !important; } } /* ======================================================================
   2.0.0 — Premium wholesale homepage system
   Reference-aligned, configurable from WooCommerce > ظاهر فروشگاه شیما
   ====================================================================== */ .shima-storefront-home .shima-main{padding-top:14px;padding-bottom:0}.shima-home-v2{--home-green:#087b43;--home-deep:#075d37;--home-soft:#edf8f1;--home-line:#dbe8e0}.shima-home2-hero{position:relative;overflow:hidden;border:1px solid #d8e7de;border-radius:24px;background:#eef8f2;box-shadow:0 14px 38px rgba(7,92,53,.07)}.shima-home2-slides{position:relative;min-height:405px}.shima-home2-slide{position:absolute;inset:0;display:grid;grid-template-columns:minmax(410px,.88fr) minmax(620px,1.22fr);grid-template-areas:"copy art";opacity:0;visibility:hidden;transform:translateY(5px);transition:opacity .45s ease,transform .45s ease,visibility .45s}.shima-home2-slide.is-active{position:relative;opacity:1;visibility:visible;transform:none}.shima-home2-copy{grid-area:copy;z-index:2;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;padding:38px 28px 76px 48px;text-align:right}.shima-home2-eyebrow{display:inline-flex;align-items:center;gap:8px;margin-bottom:14px;padding:8px 12px;border:1px solid rgba(8,123,67,.12);border-radius:999px;background:rgba(8,123,67,.07);color:#30664a;font-size:12px;font-weight:750}.shima-home2-eyebrow svg{width:15px!important;height:15px!important}.shima-home2-copy h1{margin:0;color:#075f38;font-size:clamp(38px,3.7vw,58px);line-height:1.28;font-weight:950;letter-spacing:-.035em}.shima-home2-copy p{max-width:570px;margin:14px 0 0;color:#334d40;font-size:15px;line-height:2;font-weight:580}.shima-home2-actions{display:flex;align-items:center;gap:12px;margin-top:24px}.shima-home2-actions .shima-btn{min-width:190px;min-height:50px;border-radius:10px;font-size:14px;font-weight:850}.shima-home2-note{display:flex;align-items:center;gap:12px;margin-top:17px;color:#27714e;font-size:17px;font-style:italic;font-weight:620}.shima-home2-note span{display:block;width:42px;height:2px;background:#2a8d5b;border-radius:999px}.shima-home2-art{grid-area:art;position:relative;min-height:405px;overflow:hidden;background:#dfeee4}.shima-home2-art picture,.shima-home2-art img{display:block;width:100%;height:100%}.shima-home2-art img{position:absolute;inset:0;object-fit:cover}.shima-home2-art:before{content:"";position:absolute;z-index:1;inset:0 auto 0 0;width:16%;background:linear-gradient(90deg,#edf7f1,rgba(237,247,241,0));pointer-events:none}.shima-home2-quality{position:absolute;z-index:2;top:36px;left:34px;display:grid;gap:0;color:#172a20;transform:rotate(-4deg);font-size:17px;font-style:italic;line-height:1.35}.shima-home2-quality strong{font-size:24px;font-weight:750}.shima-home2-quality small{font-size:16px}.shima-home2-brand-card{position:absolute;z-index:2;left:28px;bottom:62px;width:175px;padding:11px 13px;border:1px solid rgba(255,255,255,.9);border-radius:16px;background:rgba(255,255,255,.88);box-shadow:0 10px 28px rgba(7,92,53,.08);backdrop-filter:blur(8px);text-align:center}.shima-home2-brand-card img{position:static!important;width:145px;height:auto!important;margin:0 auto 5px;object-fit:contain!important}.shima-home2-brand-card strong{display:block;color:#27714e;font-size:11px}.shima-home2-slider-controls{position:absolute;z-index:5;right:18px;bottom:70px;display:flex;align-items:center;gap:8px}.shima-home2-slider-controls>button{width:32px;height:32px;display:grid;place-items:center;padding:0;border:1px solid #d4e5db;border-radius:50%;background:rgba(255,255,255,.9);color:#176c45;cursor:pointer}.shima-home2-slider-controls [data-home-prev] svg{transform:rotate(180deg)}.shima-home2-dots{display:flex;align-items:center;gap:5px}.shima-home2-dots button{width:7px;height:7px;padding:0;border:0;border-radius:999px;background:#afcaba;cursor:pointer}.shima-home2-dots button.is-active{width:20px;background:#087b43}.shima-home2-hero-benefits{position:absolute;z-index:4;right:0;bottom:0;width:42%;min-height:64px;display:grid;grid-template-columns:repeat(3,1fr);align-items:center;background:rgba(241,250,245,.95);border-top:1px solid rgba(8,123,67,.08);backdrop-filter:blur(8px)}.shima-home2-hero-benefits>div{min-width:0;display:flex;align-items:center;justify-content:center;gap:9px;padding:10px 12px;color:#0d8150}.shima-home2-hero-benefits svg{width:24px!important;height:24px!important}.shima-home2-hero-benefits span{display:grid;gap:1px;color:#14231b}.shima-home2-hero-benefits strong{font-size:11px;font-weight:900}.shima-home2-hero-benefits small{color:#6c7d74;font-size:9.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis} .shima-home2-section{margin-top:18px}.shima-home2-section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:18px;margin-bottom:11px}.shima-home2-section-head h2{margin:0;color:#123825;font-size:20px;line-height:1.5;font-weight:950}.shima-home2-section-head p{margin:4px 0 0;color:#758078;font-size:11.5px}.shima-home2-section-head>a{display:inline-flex;align-items:center;gap:6px;color:#147344;font-size:11px;font-weight:850}.shima-home2-section-head>a svg{width:15px!important;height:15px!important;transform:rotate(180deg)}.shima-home2-category-track{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.shima-home2-category{position:relative;min-height:135px;display:grid;grid-template-columns:1fr 46%;align-items:center;overflow:hidden;padding:12px 15px;border:1px solid rgba(20,60,35,.07);border-radius:13px;background:var(--cat-bg,#f4f8f5);box-shadow:0 6px 18px rgba(15,23,42,.025);transition:transform .18s ease,box-shadow .18s ease}.shima-home2-category:hover{transform:translateY(-2px);box-shadow:0 12px 28px rgba(15,23,42,.06)}.shima-home2-category-copy{z-index:2;display:grid;gap:5px;align-content:center}.shima-home2-category-copy strong{color:#15241c;font-size:15px;font-weight:900}.shima-home2-category-copy small{color:#687970;font-size:10px;line-height:1.7}.shima-home2-category-copy b{display:inline-flex;align-items:center;gap:4px;color:#12824e;font-size:10px;font-weight:850}.shima-home2-category-copy b svg{width:13px!important;height:13px!important;transform:rotate(180deg)}.shima-home2-category-image{position:absolute;inset:4px 0 4px auto;width:52%;display:grid;place-items:center}.shima-home2-category-image:before{content:"";position:absolute;width:120px;height:120px;border-radius:50%;background:rgba(255,255,255,.38)}.shima-home2-category-image img{position:relative;z-index:1;width:100%;height:118px!important;object-fit:contain;filter:drop-shadow(0 9px 9px rgba(15,23,42,.10));transition:transform .2s ease}.shima-home2-category:hover img{transform:scale(1.04) rotate(-1deg)} .shima-home2-products-section{margin-top:22px}.shima-home2-carousel-shell{position:relative}.shima-home2-product-track{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;scroll-behavior:smooth}.shima-home2-product-card{min-width:0;display:flex;flex-direction:column;overflow:hidden;border:1px solid #dfe8e3;border-radius:13px;background:#fff;box-shadow:0 7px 18px rgba(15,23,42,.035);transition:transform .2s ease,box-shadow .2s ease}.shima-home2-product-card:hover{transform:translateY(-3px);box-shadow:0 14px 30px rgba(15,23,42,.07)}.shima-home2-product-image{position:relative;display:block;aspect-ratio:1.28/1;overflow:hidden;margin:5px;border-radius:10px;background:linear-gradient(180deg,#fbfcfb,#f3f6f4)}.shima-home2-product-image img{width:100%;height:100%!important;object-fit:contain;transition:transform .2s ease}.shima-home2-product-card:hover .shima-home2-product-image img{transform:scale(1.035)}.shima-home2-stock{position:absolute;top:8px;right:8px;padding:4px 7px;border-radius:999px;background:#edf9f1;color:#0a8249;font-size:8.5px;font-weight:850}.shima-home2-stock.is-out{background:#fff0f1;color:#c94f5d}.shima-home2-product-body{display:flex;flex:1;flex-direction:column;padding:5px 10px 10px}.shima-home2-product-body h3{min-height:39px;margin:0;color:#151f1a;font-size:11.5px;line-height:1.75;font-weight:850}.shima-home2-price{display:flex;align-items:baseline;justify-content:space-between;gap:6px;margin-top:5px;color:#117b47;font-size:9px}.shima-home2-price strong{font-size:11.5px;font-weight:950}.shima-home2-pack{margin:8px 0;padding:6px 8px;border-radius:7px;background:#f6f9f7;color:#66756d;font-size:9px;text-align:center}.shima-home2-pack span{margin:0 3px;color:#a0aaa4}.shima-home2-product-card .shima-btn{min-height:34px;border-radius:7px;font-size:9.5px}.shima-home2-product-card .shima-btn svg{width:14px!important;height:14px!important}.shima-home2-carousel-btn{position:absolute;z-index:3;top:43%;width:34px;height:34px;display:grid;place-items:center;padding:0;border:1px solid #d8e5dd;border-radius:50%;background:#fff;color:#23352b;box-shadow:0 7px 18px rgba(15,23,42,.08);cursor:pointer}.shima-home2-carousel-btn.prev{right:-17px}.shima-home2-carousel-btn.next{left:-17px}.shima-home2-carousel-btn.next svg{transform:rotate(180deg)} .shima-home2-benefit-strip{margin-top:20px;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));border:1px solid #d8e8de;border-radius:14px;background:linear-gradient(180deg,#f7fcf8,#edf8f1);overflow:hidden}.shima-home2-benefit-strip>div{min-height:88px;display:flex;align-items:center;justify-content:center;gap:10px;padding:10px;border-left:1px solid #d4e4da;color:#0a8a4e}.shima-home2-benefit-strip>div:last-child{border-left:0}.shima-home2-benefit-strip svg{width:27px!important;height:27px!important}.shima-home2-benefit-strip span{display:grid;gap:2px;color:#17251d}.shima-home2-benefit-strip strong{font-size:11.5px;font-weight:950}.shima-home2-benefit-strip small{color:#6c7972;font-size:9.5px;line-height:1.6} .shima-home2-banner{position:relative;min-height:112px;display:grid;grid-template-columns:220px 1fr auto auto;align-items:center;gap:20px;overflow:hidden;margin-top:14px;padding:0 24px 0 12px;border-radius:15px;background:linear-gradient(110deg,#087c43,#075e37);color:#fff;box-shadow:0 12px 26px rgba(7,92,53,.14)}.shima-home2-banner:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 25% 30%,rgba(255,255,255,.08),transparent 26%),linear-gradient(90deg,rgba(255,255,255,.03),transparent 40%);pointer-events:none}.shima-home2-banner-art{align-self:stretch;overflow:hidden}.shima-home2-banner-art img{width:100%;height:100%!important;object-fit:cover;object-position:center;mix-blend-mode:screen;opacity:.84}.shima-home2-banner-copy{z-index:1}.shima-home2-banner-copy h2{margin:0 0 5px;color:#fff;font-size:18px;font-weight:950}.shima-home2-banner-copy p{margin:0;color:rgba(255,255,255,.85);font-size:11px}.shima-home2-banner-note{z-index:1;max-width:150px;color:#fff;font-size:16px;line-height:1.5;font-style:italic;font-weight:650;transform:rotate(-3deg)}.shima-home2-banner .shima-btn{z-index:1;min-width:165px;min-height:42px;border-radius:8px;font-size:11px} .shima-home2-steps{margin-top:14px;padding:15px 18px;border:1px solid #dce8e1;border-radius:14px;background:linear-gradient(135deg,#f8fcf9,#fff)}.shima-home2-steps-title{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin-bottom:10px}.shima-home2-steps-title h2{margin:0;color:#135036;font-size:16px;font-weight:950}.shima-home2-steps-title p{margin:0;color:#7a867f;font-size:9.5px}.shima-home2-steps-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.shima-home2-step{position:relative;min-height:66px;display:grid;grid-template-columns:34px 36px 1fr;align-items:center;gap:9px;padding:5px 9px}.shima-home2-step:not(:last-child):after{content:"";position:absolute;left:-4px;top:50%;width:26px;border-top:1px dashed #8fc7a5}.shima-home2-step>svg{width:28px!important;height:28px!important;color:#0c9856}.shima-home2-step-no{width:32px;height:32px;display:grid;place-items:center;border-radius:50%;background:#e4f5ea;color:#087b43;font-size:13px;font-weight:950}.shima-home2-step>span:last-child{display:grid;gap:2px}.shima-home2-step strong{font-size:11.5px;font-weight:900}.shima-home2-step small{color:#758078;font-size:9.5px;line-height:1.6} .shima-footer-v2{position:relative;margin-top:18px;border-top:1px solid #dbe7df;background:#fff}.shima-footer-v2:before{content:"";position:absolute;inset:0 0 auto;height:4px;background:linear-gradient(90deg,transparent,#b9dac6 20%,#087b43 50%,#b9dac6 80%,transparent);opacity:.28}.shima-footer-v2-grid{display:grid;grid-template-columns:1.25fr .75fr 1fr 1fr;gap:30px;padding:25px 0}.shima-footer-v2-grid h3{margin:0 0 10px;color:#17251d;font-size:13px;font-weight:950}.shima-footer-v2-brand>a img{width:205px}.shima-footer-v2-brand p{max-width:300px;margin:7px 0;color:#65736b;font-size:10.5px;line-height:1.9}.shima-footer-v2-social{display:flex;gap:7px;margin-top:9px}.shima-footer-v2-social a{width:30px;height:30px;display:grid;place-items:center;border:1px solid #dce8e1;border-radius:50%;color:#087b43;background:#f7fbf8}.shima-footer-v2-social svg{width:15px!important;height:15px!important}.shima-footer-v2-links,.shima-footer-v2-contact,.shima-footer-v2-trust{display:flex;flex-direction:column;align-items:flex-start;gap:6px}.shima-footer-v2-links a,.shima-footer-v2-contact a,.shima-footer-v2-contact>div,.shima-footer-v2-trust>div{display:flex;align-items:center;gap:7px;color:#526159;font-size:10.5px;line-height:1.75}.shima-footer-v2-contact svg,.shima-footer-v2-trust svg{width:15px!important;height:15px!important;color:#087b43}.shima-footer-v2-trust>div{min-height:28px;font-weight:700}.shima-footer-v2-bottom{border-top:1px solid #edf2ef;background:#f8fbf9}.shima-footer-v2-bottom>.shima-container{min-height:40px;display:flex;align-items:center;justify-content:space-between;gap:15px;color:#7b8780;font-size:9.5px} @media(max-width:1180px){.shima-home2-slide{grid-template-columns:minmax(350px,.85fr) minmax(520px,1.15fr)}.shima-home2-copy{padding-left:30px}.shima-home2-category-track{grid-template-columns:repeat(2,minmax(0,1fr))}.shima-home2-product-track{grid-template-columns:repeat(4,minmax(210px,1fr));overflow-x:auto;padding-bottom:4px;scroll-snap-type:x mandatory}.shima-home2-product-card{scroll-snap-align:start}.shima-home2-banner{grid-template-columns:180px 1fr auto}.shima-home2-banner-note{display:none}.shima-footer-v2-grid{grid-template-columns:1.2fr 1fr 1fr}.shima-footer-v2-trust{grid-column:1/-1;display:grid;grid-template-columns:auto repeat(3,1fr);align-items:center}} @media(max-width:900px){.shima-home2-slides{min-height:0}.shima-home2-slide{grid-template-columns:1fr;grid-template-areas:"copy" "art"}.shima-home2-copy{padding:28px 24px 22px}.shima-home2-art{min-height:330px}.shima-home2-hero-benefits{position:static;width:100%;min-height:70px}.shima-home2-slider-controls{right:auto;left:18px;bottom:80px}.shima-home2-benefit-strip{grid-template-columns:repeat(3,1fr)}.shima-home2-benefit-strip>div:nth-child(3){border-left:0}.shima-home2-benefit-strip>div:nth-child(n+4){border-top:1px solid #d4e4da}.shima-home2-banner{grid-template-columns:150px 1fr auto}.shima-home2-steps-title{align-items:flex-start;flex-direction:column}.shima-footer-v2-grid{grid-template-columns:repeat(2,1fr)}.shima-footer-v2-trust{grid-column:auto;display:flex}} @media(max-width:760px){.shima-home2-hero{border-radius:16px}.shima-home2-copy{padding:22px 17px 18px}.shima-home2-eyebrow{font-size:9.5px;margin-bottom:9px;padding:6px 9px}.shima-home2-copy h1{font-size:29px;line-height:1.42}.shima-home2-copy p{margin-top:9px;font-size:11px;line-height:1.9}.shima-home2-actions{margin-top:15px;display:grid;grid-template-columns:1fr 1fr;width:100%;gap:8px}.shima-home2-actions .shima-btn{min-width:0;min-height:43px;padding-inline:9px;font-size:10.5px}.shima-home2-note{margin-top:10px;font-size:13px}.shima-home2-art{min-height:235px}.shima-home2-quality{top:18px;left:18px;font-size:12px}.shima-home2-quality strong{font-size:17px}.shima-home2-quality small{font-size:11px}.shima-home2-brand-card{left:12px;bottom:12px;width:125px;padding:7px}.shima-home2-brand-card img{width:108px}.shima-home2-brand-card strong{font-size:8px}.shima-home2-slider-controls{bottom:10px;right:10px;left:auto}.shima-home2-hero-benefits{grid-template-columns:repeat(3,1fr);min-height:75px}.shima-home2-hero-benefits>div{padding:8px 5px;gap:5px;flex-direction:column;text-align:center}.shima-home2-hero-benefits svg{width:21px!important;height:21px!important}.shima-home2-hero-benefits strong{font-size:9.5px}.shima-home2-hero-benefits small{font-size:7.8px}.shima-home2-section{margin-top:14px}.shima-home2-section-head{align-items:flex-start}.shima-home2-section-head h2{font-size:15px}.shima-home2-section-head p{font-size:9px}.shima-home2-section-head>a{font-size:9px}.shima-home2-category-track{display:flex;overflow-x:auto;gap:8px;padding-bottom:4px;scroll-snap-type:x mandatory}.shima-home2-category{flex:0 0 210px;min-height:112px;scroll-snap-align:start}.shima-home2-category-image img{height:98px!important}.shima-home2-product-track{display:flex;gap:8px}.shima-home2-product-card{flex:0 0 min(72vw,235px)}.shima-home2-carousel-btn{display:none}.shima-home2-benefit-strip{display:flex;overflow-x:auto;gap:8px;border:0;background:transparent}.shima-home2-benefit-strip>div{flex:0 0 160px;min-height:80px;border:1px solid #d8e8de!important;border-radius:12px;background:#f5fbf7;flex-direction:column;text-align:center}.shima-home2-banner{min-height:0;grid-template-columns:1fr;padding:17px;border-radius:13px;text-align:center}.shima-home2-banner-art{position:absolute;inset:0;opacity:.16}.shima-home2-banner-copy,.shima-home2-banner-note,.shima-home2-banner .shima-btn{position:relative}.shima-home2-banner-copy h2{font-size:15px}.shima-home2-banner-copy p{font-size:9.5px}.shima-home2-banner-note{display:block;max-width:none;font-size:12px}.shima-home2-banner .shima-btn{width:100%;min-height:41px}.shima-home2-steps{padding:13px 10px}.shima-home2-steps-title h2{font-size:14px}.shima-home2-steps-grid{display:flex;overflow-x:auto;gap:8px}.shima-home2-step{flex:0 0 230px;min-height:70px;border:1px solid #e2ebe5;border-radius:11px;background:#fff}.shima-home2-step:not(:last-child):after{display:none}.shima-footer-v2-grid{grid-template-columns:1fr;padding:20px 0;gap:18px;text-align:center}.shima-footer-v2-brand,.shima-footer-v2-links,.shima-footer-v2-contact,.shima-footer-v2-trust{align-items:center}.shima-footer-v2-brand>a img{width:180px}.shima-footer-v2-brand p{margin-inline:auto}.shima-footer-v2-social{justify-content:center}.shima-footer-v2-bottom>.shima-container{min-height:54px;flex-direction:column;justify-content:center;text-align:center;gap:2px}.shima-footer-v2-links{display:grid;grid-template-columns:repeat(2,1fr);width:100%}.shima-footer-v2-links h3{grid-column:1/-1}} @media(max-width:480px){.shima-home2-actions{grid-template-columns:1fr}.shima-home2-art{min-height:215px}.shima-home2-hero-benefits small{display:none}.shima-home2-category{flex-basis:190px}.shima-home2-product-card{flex-basis:min(78vw,225px)}} /* Shima Storefront UI 3.3.6 — final mobile drawer */ @media (max-width: 782px) { .shima-mobile-drawer { width: min(82vw, 354px); height: 100vh; height: 100dvh; max-height: 100dvh; padding: calc(13px + env(safe-area-inset-top)) 14px calc(15px + env(safe-area-inset-bottom)); gap: 11px; overflow-x: hidden; overflow-y: auto; overscroll-behavior: contain; -webkit-overflow-scrolling: touch; background: radial-gradient(circle at 8% 96%, rgba(10,139,82,.055) 0 70px, transparent 71px), linear-gradient(180deg,#fff 0%,#fff 74%,#fbfdfc 100%); box-shadow: -28px 0 70px rgba(8,31,20,.23); scrollbar-width: none; } .shima-mobile-drawer::-webkit-scrollbar { width: 0; height: 0; } .shima-mobile-drawer-head { flex: 0 0 auto; min-height: 55px; padding: 0 1px 9px; border-bottom: 0; } .shima-mobile-drawer-brand { display: flex; align-items: center; min-width: 0; } .shima-mobile-drawer-brand img, .shima-mobile-drawer-head img { width: 154px; height: auto; max-width: 48vw; display: block; } .shima-mobile-menu-close { width: 42px; height: 42px; flex: 0 0 42px; border-radius: 15px; background: #f5f8f6; color: #123f2b; box-shadow: inset 0 0 0 1px #e3ebe6; } .shima-mobile-menu-close:active { transform: scale(.96); } .shima-mobile-user-card { flex: 0 0 auto; grid-template-columns: 48px minmax(0,1fr) 18px; gap: 11px; min-height: 94px; padding: 12px 13px; border: 1px solid #d9ebe1; border-radius: 19px; background: radial-gradient(circle at 7% 56%, rgba(8,123,67,.055) 0 42px, transparent 43px), linear-gradient(135deg,#eff9f3 0%,#fbfefc 68%,#fff 100%); box-shadow: 0 8px 25px rgba(7,92,53,.055); } .shima-mobile-user-avatar { width: 48px; height: 48px; border-radius: 16px; background: linear-gradient(145deg,#10a05e,#087746); box-shadow: 0 9px 22px rgba(8,123,67,.20); } .shima-mobile-user-avatar svg { width: 24px; height: 24px; } .shima-mobile-user-copy { gap: 2px; } .shima-mobile-user-copy small { font-size: 10.5px; color: #718278; } .shima-mobile-user-copy strong { font-size: 15px; line-height: 1.55; color: #102d1f; letter-spacing: -.01em; } .shima-mobile-user-copy em { font-size: 10.5px; line-height: 1.75; color: #7c8b83; } .shima-mobile-user-arrow { color: #8aa097; } .shima-mobile-quick-actions { display: none !important; } .shima-mobile-main-title, .shima-mobile-services-title { flex: 0 0 auto; display: flex; align-items: center; gap: 9px; padding: 1px 3px 0; color: #61736a; font-size: 13px; font-weight: 900; } .shima-mobile-main-title i, .shima-mobile-services-title i { height: 1px; flex: 1; background: linear-gradient(90deg,#dfe8e3,transparent); } .shima-mobile-drawer-nav { flex: 0 0 auto; display: grid; gap: 7px; } .shima-mobile-drawer-nav > a { min-height: 61px; grid-template-columns: 42px minmax(0,1fr) 18px; gap: 10px; padding: 9px 11px; border: 1px solid #e2eae5; border-radius: 17px; background: rgba(255,255,255,.96); box-shadow: 0 3px 12px rgba(15,23,42,.025); transition: border-color .15s ease, background .15s ease, transform .15s ease, box-shadow .15s ease; } .shima-mobile-drawer-nav > a:active { transform: scale(.985); } .shima-mobile-drawer-nav > a.is-active { border-color: rgba(10,139,82,.40); background: linear-gradient(90deg,#f2fbf6 0%,#eaf8f0 100%); box-shadow: 0 5px 16px rgba(8,123,67,.06); } .shima-mobile-drawer-link-icon { width: 42px; height: 42px; border-radius: 13px; background: #edf7f1; color: #087746; } .shima-mobile-drawer-link-icon svg { width: 22px; height: 22px; } .shima-mobile-drawer-nav > a.is-active .shima-mobile-drawer-link-icon { background: #dff3e8; color: #087746; box-shadow: none; } .shima-mobile-drawer-link-text { gap: 1px; } .shima-mobile-drawer-link-text strong { font-size: 14px; line-height: 1.55; color: #112f20; font-weight: 900; } .shima-mobile-drawer-link-text small { font-size: 10.5px; line-height: 1.65; color: #7b8b83; } .shima-mobile-drawer-link-arrow { color: #879990; } .shima-mobile-drawer-link-arrow svg { width: 15px; height: 15px; transform: rotate(180deg); } .shima-mobile-services { flex: 0 0 auto; display: grid; grid-template-columns: 1fr 1fr; gap: 8px; } .shima-mobile-services > a { min-width: 0; min-height: 60px; display: grid; grid-template-columns: 34px minmax(0,1fr) 14px; align-items: center; gap: 7px; padding: 9px 9px; border: 1px solid #e1e9e4; border-radius: 16px; background: #fff; color: #153525; box-shadow: 0 3px 12px rgba(15,23,42,.025); } .shima-mobile-service-icon { width: 34px; height: 34px; display: grid; place-items: center; border-radius: 11px; background: #edf7f1; color: #087746; } .shima-mobile-service-icon svg { width: 18px; height: 18px; } .shima-mobile-services strong { min-width: 0; font-size: 11.2px; line-height: 1.45; font-weight: 900; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .shima-mobile-service-arrow { display: grid; place-items: center; color: #8c9d95; } .shima-mobile-service-arrow svg { width: 13px; height: 13px; transform: rotate(180deg); } .shima-mobile-drawer-foot { display: none !important; } .shima-mobile-drawer-slogan { flex: 0 0 auto; margin-top: auto; padding: 10px 4px 0; display: grid; grid-template-columns: minmax(26px,1fr) auto minmax(26px,1fr); align-items: center; gap: 9px; color: #6d7f76; text-align: center; } .shima-mobile-drawer-slogan > span { height: 1px; background: linear-gradient(90deg,transparent,#a9c9b8); } .shima-mobile-drawer-slogan > span:last-of-type { background: linear-gradient(90deg,#a9c9b8,transparent); } .shima-mobile-drawer-slogan strong { font-size: 11px; font-weight: 850; white-space: nowrap; } .shima-mobile-drawer-slogan small { grid-column: 1 / -1; margin-top: -3px; color: #96a39d; font-size: 9.5px; line-height: 1.6; } .shima-drawer-backdrop { background: rgba(9,25,17,.58); -webkit-backdrop-filter: blur(2px); backdrop-filter: blur(2px); } } @media (max-width: 430px) { .shima-mobile-drawer { width: min(85.5vw, 348px); padding-right: 12px; padding-left: 12px; gap: 9px; } .shima-mobile-drawer-brand img, .shima-mobile-drawer-head img { width: 143px; } .shima-mobile-user-card { min-height: 88px; grid-template-columns: 44px minmax(0,1fr) 16px; padding: 10px 11px; border-radius: 17px; } .shima-mobile-user-avatar { width: 44px; height: 44px; border-radius: 14px; } .shima-mobile-user-copy strong { font-size: 14.2px; } .shima-mobile-user-copy em { font-size: 9.9px; } .shima-mobile-main-title, .shima-mobile-services-title { font-size: 12.3px; } .shima-mobile-drawer-nav { gap: 6px; } .shima-mobile-drawer-nav > a { min-height: 56px; grid-template-columns: 38px minmax(0,1fr) 16px; padding: 7px 9px; border-radius: 15px; } .shima-mobile-drawer-link-icon { width: 38px; height: 38px; border-radius: 12px; } .shima-mobile-drawer-link-icon svg { width: 20px; height: 20px; } .shima-mobile-drawer-link-text strong { font-size: 13.4px; } .shima-mobile-drawer-link-text small { font-size: 9.8px; } .shima-mobile-services > a { min-height: 55px; grid-template-columns: 31px minmax(0,1fr) 12px; padding: 7px 8px; } .shima-mobile-service-icon { width: 31px; height: 31px; } .shima-mobile-services strong { font-size: 10.5px; } .shima-mobile-drawer-slogan { padding-top: 7px; } } @media (max-height: 700px) and (max-width: 782px) { .shima-mobile-drawer { gap: 7px; } .shima-mobile-user-card { min-height: 78px; } .shima-mobile-drawer-nav { gap: 5px; } .shima-mobile-drawer-nav > a { min-height: 50px; padding-top: 6px; padding-bottom: 6px; } .shima-mobile-drawer-link-icon { width: 35px; height: 35px; } .shima-mobile-drawer-link-text small { display: none; } .shima-mobile-services > a { min-height: 50px; } .shima-mobile-drawer-slogan small { display: none; } } /* ======================================================================
   SHIMA STOREFRONT UI 2.1.0 — Senior visual polish layer
   Purpose: keep the existing functional system intact while normalizing
   hierarchy, spacing and responsive behavior across all custom storefronts.
   ====================================================================== */ :root { --shima-max: 1360px; --shima-page: #f7faf8; --shima-card: #fff; --shima-text: #142018; --shima-muted: #66756d; --shima-border: #dfe9e3; --shima-border-strong: #cfddd5; --shima-radius: 18px; --shima-shadow: 0 12px 34px rgba(15, 44, 29, .055); } body.shima-storefront-ui-active { font-size: 15px; line-height: 1.75; } .shima-container { width: min(var(--shima-max), calc(100% - 48px)); } .shima-main { padding-top: 18px; } /* ---------- Header ---------- */ .shima-header-inner { min-height: 78px; grid-template-columns: 215px minmax(430px, 1fr) minmax(230px, 280px) auto; gap: 22px; } .shima-logo { width: 208px; } .shima-main-nav { gap: clamp(20px, 1.9vw, 32px); font-size: 14px; } .shima-main-nav a { min-height: 78px; } .shima-main-nav a.is-active::after { bottom: 12px; } .shima-search { width: 100%; max-width: 280px; height: 42px; } .shima-search input, .shima-search input::placeholder { font-size: 12.5px; } .shima-account-link { min-height: 44px; font-size: 12.5px; } /* ---------- Shared section headers ---------- */ .shima-home2-section { margin-top: 30px; } .shima-home2-section-head { margin-bottom: 15px; align-items: center; } .shima-home2-section-head h2 { color: #103722; font-size: 22px; line-height: 1.55; font-weight: 900; } .shima-home2-section-head p { margin-top: 4px; color: #728078; font-size: 12px; line-height: 1.8; } .shima-home2-section-head > a { min-height: 36px; padding: 0 2px; color: #0b7f47; font-size: 12px; font-weight: 850; } /* ---------- Premium homepage hero ---------- */ .shima-storefront-home .shima-main { padding-top: 18px; } .shima-home2-hero { border-radius: 26px; box-shadow: 0 18px 44px rgba(7,92,53,.075); } .shima-home2-slides { min-height: 430px; } .shima-home2-slide { grid-template-columns: minmax(420px, .92fr) minmax(600px, 1.18fr); } .shima-home2-copy { padding: 42px 34px 82px 52px; } .shima-home2-eyebrow { font-size: 12.5px; padding: 8px 13px; } .shima-home2-copy h1 { font-size: clamp(39px, 3.45vw, 55px); line-height: 1.3; font-weight: 930; } .shima-home2-copy p { max-width: 560px; margin-top: 15px; font-size: 15px; line-height: 2; font-weight: 580; } .shima-home2-actions { margin-top: 25px; } .shima-home2-actions .shima-btn { min-width: 188px; min-height: 50px; border-radius: 11px; font-size: 13.5px; } .shima-home2-note { margin-top: 16px; font-size: 16px; font-weight: 600; } .shima-home2-art { min-height: 430px; } .shima-home2-quality { top: 33px; left: 32px; } .shima-home2-brand-card { bottom: 68px; } .shima-home2-hero-benefits { width: 44%; min-height: 68px; } .shima-home2-hero-benefits > div { gap: 10px; padding: 10px 11px; } .shima-home2-hero-benefits strong { font-size: 11.5px; } .shima-home2-hero-benefits small { font-size: 9.7px; } /* ---------- Category cards: fixed hierarchy, no overlap ---------- */ .shima-home2-category-track { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 14px; } .shima-home2-category { position: relative; min-height: 158px; display: grid; grid-template-columns: minmax(0, 1fr) minmax(125px, 44%); grid-template-areas: "copy image"; align-items: center; gap: 8px; padding: 16px 16px 16px 10px; overflow: hidden; border: 1px solid rgba(21,63,39,.08); border-radius: 18px; background: var(--cat-bg, #f4f8f5); box-shadow: 0 8px 22px rgba(15,23,42,.035); transition: transform .2s ease, box-shadow .2s ease, border-color .2s ease; } .shima-home2-category::after { content: ""; position: absolute; left: -28px; bottom: -48px; width: 150px; height: 150px; border-radius: 50%; background: rgba(255,255,255,.28); pointer-events: none; } .shima-home2-category:hover { transform: translateY(-3px); border-color: rgba(8,123,67,.16); box-shadow: 0 16px 34px rgba(15,23,42,.065); } .shima-home2-category-copy { grid-area: copy; position: relative; z-index: 2; min-width: 0; display: flex; flex-direction: column; align-items: flex-start; gap: 5px; text-align: right; } .shima-home2-category-copy strong { color: #14251b; font-size: 16px; line-height: 1.65; font-weight: 900; } .shima-home2-category-copy small { min-height: 36px; color: #66776e; font-size: 11px; line-height: 1.75; font-weight: 550; } .shima-home2-category-copy b { margin-top: 2px; color: #0c8550; font-size: 10.5px; line-height: 1.7; font-weight: 850; } .shima-home2-category-image { grid-area: image; position: relative; inset: auto; width: 100%; min-width: 0; height: 126px; display: grid; place-items: center; overflow: hidden; z-index: 1; } .shima-home2-category-image::before { content: ""; position: absolute; width: 112px; height: 112px; border-radius: 50%; background: rgba(255,255,255,.48); } .shima-home2-category-image img { position: relative; z-index: 1; width: 100%; max-width: 145px; height: 120px !important; object-fit: contain; object-position: center; filter: drop-shadow(0 10px 10px rgba(15,23,42,.10)); } .shima-home2-category-fallback { position: relative; z-index: 1; width: 78px; height: 78px; display: grid; place-items: center; border: 1px solid rgba(8,123,67,.12); border-radius: 22px; color: #0b824a; background: rgba(255,255,255,.72); } .shima-home2-category-fallback svg { width: 40px !important; height: 40px !important; } /* ---------- Featured products ---------- */ .shima-home2-products-section { margin-top: 32px; } .shima-home2-carousel-shell { padding-inline: 1px; } .shima-home2-product-track { gap: 14px; scroll-padding-inline: 2px; } .shima-home2-count-1 .shima-home2-product-track { grid-template-columns: minmax(270px, 320px); justify-content: start; } .shima-home2-count-2 .shima-home2-product-track { grid-template-columns: repeat(2, minmax(270px, 320px)); justify-content: start; } .shima-home2-count-3 .shima-home2-product-track { grid-template-columns: repeat(3, minmax(0, 1fr)); } .shima-home2-count-4 .shima-home2-product-track { grid-template-columns: repeat(4, minmax(0, 1fr)); } .shima-home2-count-5 .shima-home2-product-track { display: flex; overflow-x: auto; scroll-snap-type: x mandatory; scrollbar-width: none; } .shima-home2-count-5 .shima-home2-product-track::-webkit-scrollbar { display: none; } .shima-home2-count-5 .shima-home2-product-card { flex: 0 0 calc((100% - 42px) / 4); scroll-snap-align: start; } .shima-home2-product-card { border-radius: 17px; border-color: #dce7e1; box-shadow: 0 10px 25px rgba(15,23,42,.045); } .shima-home2-product-image { margin: 7px; border-radius: 13px; aspect-ratio: 1.22 / 1; } .shima-home2-product-body { padding: 7px 13px 13px; } .shima-home2-product-body h3 { min-height: 46px; font-size: 13px; line-height: 1.8; font-weight: 850; } .shima-home2-stock { top: 9px; right: 9px; font-size: 9px; } .shima-home2-price { margin-top: 7px; font-size: 10.5px; } .shima-home2-price strong { font-size: 13px; } .shima-home2-pack { margin: 9px 0; padding: 7px 8px; font-size: 9.8px; } .shima-home2-product-card .shima-btn { min-height: 40px; border-radius: 9px; font-size: 10.5px; } .shima-home2-carousel-btn { width: 38px; height: 38px; } .shima-home2-carousel-btn.prev { right: -19px; } .shima-home2-carousel-btn.next { left: -19px; } /* ---------- Benefits / CTA / steps ---------- */ .shima-home2-benefit-strip { margin-top: 28px; border-radius: 18px; box-shadow: 0 8px 24px rgba(15,23,42,.025); } .shima-home2-benefit-strip > div { min-height: 96px; gap: 12px; padding: 13px; } .shima-home2-benefit-strip svg { width: 29px !important; height: 29px !important; } .shima-home2-benefit-strip strong { font-size: 12.5px; } .shima-home2-benefit-strip small { font-size: 10px; line-height: 1.7; } .shima-home2-banner { min-height: 124px; margin-top: 18px; grid-template-columns: 235px 1fr auto auto; gap: 24px; border-radius: 20px; box-shadow: 0 16px 32px rgba(7,92,53,.16); } .shima-home2-banner-copy h2 { font-size: 20px; } .shima-home2-banner-copy p { font-size: 12px; line-height: 1.8; } .shima-home2-banner-note { max-width: 170px; font-size: 17px; } .shima-home2-banner .shima-btn { min-width: 176px; min-height: 44px; font-size: 11.5px; } .shima-home2-steps { margin-top: 18px; padding: 18px 20px; border-radius: 18px; box-shadow: 0 8px 22px rgba(15,23,42,.025); } .shima-home2-steps-title { margin-bottom: 13px; } .shima-home2-steps-title h2 { font-size: 18px; } .shima-home2-steps-title p { font-size: 10.5px; } .shima-home2-step { min-height: 78px; grid-template-columns: 38px 40px 1fr; gap: 10px; padding: 7px 12px; } .shima-home2-step-no { width: 36px; height: 36px; font-size: 14px; } .shima-home2-step > svg { width: 30px !important; height: 30px !important; } .shima-home2-step strong { font-size: 12.5px; } .shima-home2-step small { font-size: 10px; line-height: 1.7; } /* ---------- Archive / shop ---------- */ .shima-storefront-archive .shima-main { padding-top: 18px; } .shima-archive-head { min-height: 142px; padding: 26px 30px; border-radius: 22px; box-shadow: 0 12px 30px rgba(15,23,42,.04); } .shima-archive-head h1 { font-size: clamp(27px, 2.6vw, 36px); } .shima-archive-head p { font-size: 13.5px; } .shima-category-chips { margin-top: 15px; gap: 9px; } .shima-category-chips a { min-height: 40px; padding-inline: 15px; font-size: 11.5px; } .shima-archive-products { margin-top: 20px; } .shima-archive-grid { gap: 16px; } .shima-archive-page .shima-product-card { border-radius: 17px; box-shadow: 0 9px 24px rgba(15,23,42,.04); } .shima-archive-page .shima-product-image { margin: 6px; border-radius: 13px; } .shima-archive-page .shima-product-card-body { padding: 12px 13px 13px; } .shima-archive-page .shima-product-card h2 { min-height: 46px; font-size: 13px; line-height: 1.8; } .shima-archive-page .shima-product-price { font-size: 11px; } .shima-archive-page .shima-product-price strong { font-size: 13px; } .shima-archive-page .shima-btn-block { min-height: 41px; font-size: 11px; } /* ---------- Product detail ---------- */ .shima-storefront-product .shima-main { padding-top: 14px; } .shima-product-hero { gap: 18px; } .shima-product-gallery, .shima-product-summary { border-radius: 22px; box-shadow: 0 13px 34px rgba(15,23,42,.045); } .shima-product-gallery { padding: 16px; } .shima-product-main-image { border-radius: 17px; } .shima-product-summary { padding: 31px 32px 28px; } .shima-product-summary h1 { font-size: clamp(30px, 2.3vw, 39px); } .shima-summary-price { margin-top: 3px; font-size: 18px; } .shima-summary-price strong { font-size: 29px; } .shima-short-description { font-size: 15px; line-height: 2.05; } .shima-variation-group { margin-top: 15px; } .shima-variation-option { min-height: 46px; font-size: 13px; } .shima-product-assurance { border-radius: 15px; } .shima-product-assurance > div { min-height: 78px; } .shima-product-details { margin-top: 18px; gap: 18px; } .shima-detail-block { padding: 25px 27px; border-radius: 18px; } .shima-detail-block h2 { font-size: 19px; } .shima-related { margin-top: 22px; } .shima-related-grid { gap: 13px; } .shima-related-card { min-height: 102px; border-radius: 15px; } /* ---------- Quick order ---------- */ .shima-storefront-quick-order .shima-main { padding-top: 18px; } .shima-qo-hero { border-radius: 24px; box-shadow: 0 12px 32px rgba(15,23,42,.04); } .shima-qo-toolbar { margin-top: 18px; } .shima-qo-layout { margin-top: 22px; gap: 18px; } .shima-qo-summary-card, .shima-qo-results { border-radius: 21px; } .shima-qo-results { padding: 20px; } .shima-qo-row { border-radius: 17px; } .shima-qo-bottom-benefits div { border-radius: 15px; } /* ---------- Cart / checkout ---------- */ .shima-transaction-head { min-height: 136px; padding: 25px 29px; border-radius: 21px; } .shima-transaction-head h1 { font-size: clamp(27px,2.3vw,35px); } .shima-transaction-head p { font-size: 13.5px; } .shima-checkout-progress { min-height: 90px; margin-top: 14px; border-radius: 18px; } .shima-checkout-progress strong { font-size: 13px; } .shima-checkout-progress small { font-size: 10px; } .shima-transaction-content { margin-top: 17px; } .shima-transaction-content .wc-block-cart__main, .shima-transaction-content .wc-block-checkout__main, .shima-transaction-content .wc-block-cart__sidebar, .shima-transaction-content .wc-block-checkout__sidebar, .shima-transaction-content .woocommerce-cart-form, .shima-transaction-content .cart_totals, .shima-transaction-content form.woocommerce-checkout #customer_details { border-radius: 18px; box-shadow: 0 10px 28px rgba(15,23,42,.03); } .shima-transaction-content table.shop_table th { font-size: 12px; } .shima-transaction-content table.shop_table td { font-size: 12.5px; } .shima-transaction-content .form-row label { font-size: 11.5px; } .shima-transaction-content .form-row input.input-text, .shima-transaction-content .form-row textarea, .shima-transaction-content .form-row select, .shima-transaction-content .select2-container--default .select2-selection--single { min-height: 48px; } /* ---------- Footer ---------- */ .shima-footer-v2 { margin-top: 28px; } .shima-footer-v2-grid { gap: 36px; padding: 31px 0 29px; } .shima-footer-v2-grid h3 { margin-bottom: 12px; font-size: 14px; } .shima-footer-v2-brand > a img { width: 220px; } .shima-footer-v2-brand p { max-width: 320px; font-size: 11px; line-height: 1.95; } .shima-footer-v2-links, .shima-footer-v2-contact, .shima-footer-v2-trust { gap: 7px; } .shima-footer-v2-links a, .shima-footer-v2-contact a, .shima-footer-v2-contact > div, .shima-footer-v2-trust > div { font-size: 11px; } .shima-footer-v2-social a { width: 34px; height: 34px; } .shima-footer-v2-bottom > .shima-container { min-height: 46px; font-size: 10px; } /* ---------- Tablet ---------- */ @media (max-width: 1180px) { .shima-container { width: min(var(--shima-max), calc(100% - 36px)); } .shima-header-inner { grid-template-columns: 195px minmax(330px,1fr) 230px auto; gap: 14px; } .shima-logo { width: 188px; } .shima-main-nav { gap: 16px; font-size: 12.5px; } .shima-home2-slide { grid-template-columns: minmax(360px,.86fr) minmax(500px,1.14fr); } .shima-home2-category-track { grid-template-columns: repeat(2,minmax(0,1fr)); } .shima-home2-category { min-height: 150px; } .shima-home2-count-5 .shima-home2-product-card { flex-basis: calc((100% - 28px)/3); } .shima-home2-count-4 .shima-home2-product-track { grid-template-columns: repeat(3,minmax(240px,1fr)); overflow-x:auto; } .shima-home2-banner { grid-template-columns: 190px 1fr auto; } .shima-home2-banner-note { display:none; } } @media (max-width: 980px) { .shima-container { width: min(var(--shima-max), calc(100% - 28px)); } .shima-home2-slides { min-height: 0; } .shima-home2-slide { grid-template-columns:1fr; grid-template-areas:"copy" "art"; } .shima-home2-copy { padding: 30px 26px 24px; } .shima-home2-art { min-height: 345px; } .shima-home2-hero-benefits { position: static; width:100%; min-height:78px; } .shima-home2-slider-controls { bottom: 88px; } .shima-home2-product-track, .shima-home2-count-1 .shima-home2-product-track, .shima-home2-count-2 .shima-home2-product-track, .shima-home2-count-3 .shima-home2-product-track, .shima-home2-count-4 .shima-home2-product-track, .shima-home2-count-5 .shima-home2-product-track { display:flex; overflow-x:auto; gap:12px; scroll-snap-type:x mandatory; scrollbar-width:none; } .shima-home2-product-track::-webkit-scrollbar { display:none; } .shima-home2-product-card, .shima-home2-count-5 .shima-home2-product-card { flex:0 0 270px; scroll-snap-align:start; } .shima-home2-carousel-btn { display:none; } .shima-home2-benefit-strip { grid-template-columns:repeat(3,1fr); } .shima-home2-banner { grid-template-columns: 165px 1fr auto; } .shima-footer-v2-grid { grid-template-columns:repeat(2,1fr); } .shima-product-hero { grid-template-columns:1fr; } .shima-product-gallery { order:1; } .shima-product-summary { order:2; } .shima-product-main-image { height:min(72vw,560px); } .shima-product-details { grid-template-columns:1fr; } .shima-related-grid { grid-template-columns:1fr; } } /* ---------- Mobile ---------- */ @media (max-width: 760px) { body.shima-storefront-ui-active { font-size:14px; } .shima-container { width: calc(100% - 20px); } .shima-main { padding-top:10px; padding-bottom:24px; } .shima-home2-hero { border-radius:17px; } .shima-home2-copy { padding:22px 17px 17px; } .shima-home2-copy h1 { font-size:28px; line-height:1.43; } .shima-home2-copy p { margin-top:10px; font-size:11.5px; } .shima-home2-actions { grid-template-columns:1fr 1fr; gap:8px; } .shima-home2-actions .shima-btn { min-height:44px; font-size:10.8px; } .shima-home2-note { font-size:13px; } .shima-home2-art { min-height:240px; } .shima-home2-quality { top:16px; left:15px; } .shima-home2-brand-card { left:10px; bottom:10px; } .shima-home2-hero-benefits { min-height:80px; } .shima-home2-hero-benefits > div { flex-direction:column; gap:5px; text-align:center; } .shima-home2-hero-benefits strong { font-size:9.8px; } .shima-home2-hero-benefits small { font-size:8px; } .shima-home2-section { margin-top:20px; } .shima-home2-section-head { align-items:flex-start; gap:10px; } .shima-home2-section-head h2 { font-size:17px; } .shima-home2-section-head p { font-size:9.5px; } .shima-home2-section-head > a { font-size:9.5px; } .shima-home2-category-track { display:flex; overflow-x:auto; gap:10px; padding:2px 0 5px; scroll-snap-type:x mandatory; scrollbar-width:none; } .shima-home2-category-track::-webkit-scrollbar { display:none; } .shima-home2-category { flex:0 0 238px; min-height:132px; grid-template-columns:minmax(0,1fr) 42%; padding:13px; scroll-snap-align:start; border-radius:15px; } .shima-home2-category-copy strong { font-size:14px; } .shima-home2-category-copy small { min-height:auto; font-size:9.5px; } .shima-home2-category-copy b { font-size:9.5px; } .shima-home2-category-image { height:106px; } .shima-home2-category-image img { max-width:112px; height:100px !important; } .shima-home2-category-fallback { width:66px; height:66px; border-radius:18px; } .shima-home2-product-card, .shima-home2-count-5 .shima-home2-product-card { flex-basis:min(78vw,255px); } .shima-home2-product-body h3 { font-size:12px; } .shima-home2-price strong { font-size:12px; } .shima-home2-benefit-strip { display:flex; overflow-x:auto; gap:9px; border:0; background:transparent; box-shadow:none; scrollbar-width:none; } .shima-home2-benefit-strip::-webkit-scrollbar { display:none; } .shima-home2-benefit-strip > div { flex:0 0 168px; min-height:88px; border:1px solid #d8e8de !important; border-radius:14px; background:#f5fbf7; flex-direction:column; text-align:center; } .shima-home2-banner { grid-template-columns:1fr; min-height:0; padding:18px; text-align:center; border-radius:15px; } .shima-home2-banner-art { position:absolute; inset:0; opacity:.14; } .shima-home2-banner-copy, .shima-home2-banner-note, .shima-home2-banner .shima-btn { position:relative; z-index:1; } .shima-home2-banner-copy h2 { font-size:16px; } .shima-home2-banner-copy p { font-size:10px; } .shima-home2-banner-note { display:block; max-width:none; font-size:12px; } .shima-home2-banner .shima-btn { width:100%; } .shima-home2-steps { padding:14px 11px; } .shima-home2-steps-title { align-items:flex-start; flex-direction:column; gap:4px; } .shima-home2-steps-title h2 { font-size:15px; } .shima-home2-steps-grid { display:flex; overflow-x:auto; gap:8px; scrollbar-width:none; } .shima-home2-steps-grid::-webkit-scrollbar { display:none; } .shima-home2-step { flex:0 0 235px; min-height:76px; border:1px solid #e2ebe5; border-radius:12px; background:#fff; } .shima-home2-step:not(:last-child)::after { display:none; } .shima-archive-head { min-height:0; padding:20px 16px; flex-direction:column; align-items:stretch; gap:14px; border-radius:16px; } .shima-archive-head h1 { font-size:24px; } .shima-archive-head p { font-size:11.5px; } .shima-archive-ordering select { width:100%; } .shima-archive-grid { grid-template-columns:repeat(2,minmax(0,1fr)) !important; gap:9px; } .shima-archive-page .shima-product-card { min-width:0; } .shima-archive-page .shima-product-card h2 { min-height:38px; font-size:10.5px; } .shima-archive-page .shima-product-price { font-size:9px; } .shima-archive-page .shima-product-price strong { font-size:10.5px; } .shima-archive-page .shima-btn-block { min-height:37px; font-size:9.5px; } .shima-product-summary { padding:20px 17px 18px; } .shima-product-summary h1 { font-size:25px; } .shima-summary-price { font-size:15px; } .shima-summary-price strong { font-size:24px; } .shima-short-description { font-size:13px; } .shima-product-assurance > div { min-height:62px; padding:6px; flex-direction:column; text-align:center; } .shima-product-assurance strong { font-size:10.5px; } .shima-product-assurance small { font-size:9px; } .shima-detail-block { padding:18px; } .shima-transaction-head { min-height:0; padding:20px 16px; flex-direction:column; align-items:stretch; border-radius:16px; } .shima-transaction-head h1 { font-size:24px; } .shima-transaction-head p { font-size:11.5px; } .shima-transaction-badges { justify-content:flex-start; } .shima-checkout-progress { padding:9px; min-height:0; } .shima-checkout-progress > div { min-height:64px; } .shima-footer-v2 { margin-top:20px; } .shima-footer-v2-grid { grid-template-columns:1fr; gap:20px; padding:23px 0; text-align:center; } .shima-footer-v2-brand, .shima-footer-v2-links, .shima-footer-v2-contact, .shima-footer-v2-trust { align-items:center; } .shima-footer-v2-brand > a img { width:185px; } .shima-footer-v2-brand p { margin-inline:auto; } .shima-footer-v2-social { justify-content:center; } .shima-footer-v2-links { display:grid; grid-template-columns:repeat(2,1fr); width:100%; } .shima-footer-v2-links h3 { grid-column:1/-1; } .shima-footer-v2-bottom > .shima-container { min-height:56px; flex-direction:column; justify-content:center; text-align:center; gap:2px; } } @media (max-width: 480px) { .shima-home2-actions { grid-template-columns:1fr; } .shima-home2-copy h1 { font-size:26px; } .shima-home2-art { min-height:215px; } .shima-home2-category { flex-basis:220px; } .shima-archive-grid { gap:7px; } } /* SHIMA SHOES — 2.2.0 final polish / footer builder / security release UI
   Loaded after storefront.css and polish-2.1.css. */ /* ---------- Fully customizable footer ---------- */ .shima-footer-v2 { --footer-accent: var(--shima-footer-accent, #087b43); position: relative; margin-top: 30px; border-top: 1px solid color-mix(in srgb, var(--footer-accent) 18%, #e5ece8); background: radial-gradient(circle at 92% 14%, color-mix(in srgb, var(--footer-accent) 7%, transparent) 0 110px, transparent 111px), linear-gradient(180deg, color-mix(in srgb, var(--shima-footer-bg, #fff) 96%, #eef8f2) 0%, var(--shima-footer-bg, #fff) 100%); } .shima-footer-v2::before { content: ""; position: absolute; inset: 0 0 auto; height: 4px; background: linear-gradient(90deg, transparent, color-mix(in srgb, var(--footer-accent) 28%, transparent) 18%, var(--footer-accent) 50%, color-mix(in srgb, var(--footer-accent) 28%, transparent) 82%, transparent); opacity: .34; } .shima-footer-v2-grid { grid-template-columns: repeat(auto-fit, minmax(210px, 1fr)); gap: clamp(24px, 3vw, 48px); padding: 34px 0 30px; align-items: start; } .shima-footer-v2-brand, .shima-footer-v2-links, .shima-footer-v2-contact, .shima-footer-v2-trust { min-width: 0; } .shima-footer-v2-logo { display: inline-flex; align-items: center; max-width: 100%; } .shima-footer-v2-logo img, .shima-footer-v2-brand > a img { width: min(var(--shima-footer-logo-width, 220px), 100%) !important; max-height: 92px; object-fit: contain; object-position: right center; } .shima-footer-v2-brand p { max-width: 370px; margin: 12px 0 0; color: var(--shima-footer-text, #3f5047); font-size: 12.5px; line-height: 2; font-weight: 800 !important; } .shima-footer-v2-grid h3, .shima-footer-v2-grid h4 { margin: 0 0 13px; color: var(--shima-footer-heading, #12231a); font-size: 14px; line-height: 1.75; font-weight: 900 !important; } .shima-footer-v2-social-wrap { margin-top: 15px; } .shima-footer-v2-social-wrap h4 { margin-bottom: 8px; font-size: 11.5px; color: var(--shima-footer-text, #3f5047); } .shima-footer-v2-social { display: flex; align-items: center; gap: 8px; margin-top: 0; } .shima-footer-v2-social a { width: 36px; height: 36px; display: grid; place-items: center; border: 1px solid color-mix(in srgb, var(--footer-accent) 18%, #dce8e1); border-radius: 12px; color: var(--footer-accent); background: color-mix(in srgb, var(--footer-accent) 5%, #fff); transition: transform .16s ease, background .16s ease, border-color .16s ease; } .shima-footer-v2-social a:hover { transform: translateY(-2px); border-color: color-mix(in srgb, var(--footer-accent) 45%, #dce8e1); background: color-mix(in srgb, var(--footer-accent) 9%, #fff); } .shima-footer-v2-social svg { width: 17px !important; height: 17px !important; } .shima-footer-v2-links, .shima-footer-v2-contact, .shima-footer-v2-trust { display: flex; flex-direction: column; align-items: flex-start; gap: 8px; } .shima-footer-v2-links a, .shima-footer-v2-contact a, .shima-footer-v2-contact > div, .shima-footer-v2-trust > div { display: flex; align-items: center; gap: 8px; color: var(--shima-footer-text, #3f5047); font-size: 11.5px; line-height: 1.8; font-weight: 800 !important; } .shima-footer-v2-links a { position: relative; padding-right: 10px; transition: color .15s ease, transform .15s ease; } .shima-footer-v2-links a::before { content: ""; position: absolute; right: 0; width: 4px; height: 4px; border-radius: 50%; background: var(--footer-accent); opacity: .58; } .shima-footer-v2-links a:hover { color: var(--footer-accent); transform: translateX(-2px); } .shima-footer-v2-contact svg, .shima-footer-v2-trust svg { width: 16px !important; height: 16px !important; flex: 0 0 auto; color: var(--footer-accent) !important; } .shima-footer-v2-trust > div { width: 100%; min-height: 34px; padding: 5px 0; border-bottom: 1px dashed #e2ebe5; } .shima-footer-v2-trust > div:last-child { border-bottom: 0; } .shima-footer-v2-bottom { border-top: 1px solid color-mix(in srgb, var(--footer-accent) 10%, #edf2ef); background: var(--shima-footer-bottom-bg, #f8fbf9) !important; } .shima-footer-v2-bottom > .shima-container { min-height: 50px; display: flex; align-items: center; justify-content: space-between; gap: 16px; color: var(--shima-footer-text, #3f5047); font-size: 10.5px; line-height: 1.8; font-weight: 800 !important; } /* User requirement: every textual element in the footer must be bold. */ .shima-footer-v2 p, .shima-footer-v2 a, .shima-footer-v2 span, .shima-footer-v2 h1, .shima-footer-v2 h2, .shima-footer-v2 h3, .shima-footer-v2 h4, .shima-footer-v2 h5, .shima-footer-v2 h6, .shima-footer-v2 li, .shima-footer-v2 div:not(.shima-container):not(.shima-footer-v2-grid):not(.shima-footer-v2-social) { font-weight: 800 !important; } .shima-footer-v2 strong, .shima-footer-v2 b, .shima-footer-v2 label, .shima-footer-v2 button { font-weight: 900 !important; } /* Prevent blank/accidentally enabled step rows from visually producing orphan numbers. */ .shima-home2-step:empty { display: none !important; } /* ---------- Admin footer builder ---------- */ .shima-admin-wrap .shima-admin-subcard { margin: 10px 0; padding: 0; border: 1px solid #e1e9e4; border-radius: 14px; background: #fbfdfc; box-shadow: none; } .shima-admin-wrap .shima-admin-subcard > header { border-bottom: 1px solid #e7eee9; background: #f6faf7; } .shima-admin-wrap input[type="color"] { width: 100%; min-height: 44px; padding: 5px; border: 1px solid #d6e2da; border-radius: 10px; background: #fff; cursor: pointer; } .shima-admin-wrap .shima-footer-link-builder { margin-top: 12px; } @media (max-width: 1180px) { .shima-footer-v2-grid { grid-template-columns: repeat(2, minmax(0,1fr)); } } @media (max-width: 760px) { .shima-footer-v2 { margin-top: 22px; } .shima-footer-v2-grid { grid-template-columns: 1fr; gap: 22px; padding: 26px 0 24px; text-align: center; } .shima-footer-v2-brand, .shima-footer-v2-links, .shima-footer-v2-contact, .shima-footer-v2-trust { align-items: center; } .shima-footer-v2-brand p { margin-inline: auto; font-size: 11.5px; } .shima-footer-v2-logo img, .shima-footer-v2-brand > a img { object-position: center; } .shima-footer-v2-social { justify-content: center; } .shima-footer-v2-links { width: 100%; display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 8px 12px; } .shima-footer-v2-links h3 { grid-column: 1/-1; } .shima-footer-v2-links a { justify-content: center; padding: 8px 10px; border: 1px solid #e4ede7; border-radius: 10px; background: rgba(255,255,255,.7); } .shima-footer-v2-links a::before { display:none; } .shima-footer-v2-contact > div, .shima-footer-v2-contact > a, .shima-footer-v2-trust > div { justify-content: center; } .shima-footer-v2-bottom > .shima-container { min-height: 62px; padding-block: 10px; flex-direction: column; justify-content: center; gap: 3px; text-align: center; font-size: 9.8px; } } /* ==========================================================
   2.2.1 — Senior polish for homepage + product detail stability
   ========================================================== */ /* Product page: keep summary balanced and anchor assurance box at bottom */ .shima-product-page .shima-product-summary { display: flex; flex-direction: column; min-height: 100%; } .shima-product-page .shima-product-summary .shima-product-badges, .shima-product-page .shima-product-summary h1, .shima-product-page .shima-product-summary .shima-summary-price, .shima-product-page .shima-product-summary .shima-min-order, .shima-product-page .shima-product-summary .shima-short-description, .shima-product-page .shima-product-summary .shima-add-to-cart-wrap { flex-shrink: 0; } .shima-product-page .shima-short-description { max-width: 62ch; min-height: 96px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden; } .shima-product-page .shima-add-to-cart-wrap { margin-top: 16px; } .shima-product-page .shima-product-assurance { margin-top: auto; flex-shrink: 0; border: 1px solid #dcece3; background: #f7fbf8; } .shima-product-page .shima-product-assurance > div { min-height: 86px; padding: 10px 12px; align-items: center; } .shima-product-page .shima-product-assurance span { justify-content: center; } .shima-product-page .shima-product-assurance strong { font-size: 14.5px; line-height: 1.55; } .shima-product-page .shima-product-assurance small { font-size: 12px; line-height: 1.7; font-weight: 800; color: #52636a; } /* Homepage section rhythm */ .shima-home-v2 .shima-home2-section, .shima-home-v2 .shima-home2-products-section, .shima-home-v2 .shima-home2-benefit-strip, .shima-home-v2 .shima-home2-banner, .shima-home-v2 .shima-home2-steps { margin-top: 24px; } .shima-home-v2 .shima-home2-section-head { margin-bottom: 14px; } .shima-home-v2 .shima-home2-section-head h2 { font-size: 22px; } .shima-home-v2 .shima-home2-section-head p { font-size: 12.5px; color: #67756e; } /* Homepage category cards: stronger layout, no overlap, consistent CTA */ .shima-home-v2 .shima-home2-category-track { gap: 14px; } .shima-home-v2 .shima-home2-category { min-height: 152px; padding: 16px 18px; grid-template-columns: minmax(0, 1fr) 42%; border-radius: 16px; box-shadow: 0 10px 24px rgba(15, 23, 42, .04); } .shima-home-v2 .shima-home2-category-copy { min-width: 0; align-content: space-between; align-self: stretch; gap: 7px; text-align: right; } .shima-home-v2 .shima-home2-category-copy strong { font-size: 16px; line-height: 1.55; } .shima-home-v2 .shima-home2-category-copy small { min-height: 34px; font-size: 11.5px; line-height: 1.8; } .shima-home-v2 .shima-home2-category-copy b { margin-top: auto; font-size: 11px; } .shima-home-v2 .shima-home2-category-image { inset: 8px 0 8px auto; width: 46%; } .shima-home-v2 .shima-home2-category-image:before { width: 128px; height: 128px; background: rgba(255,255,255,.45); } .shima-home-v2 .shima-home2-category-image img { height: 128px !important; } .shima-home-v2 .shima-home2-category-fallback { position: relative; z-index: 1; width: 86px; height: 86px; display: grid; place-items: center; border-radius: 22px; background: rgba(255,255,255,.72); color: #1f8c59; box-shadow: 0 8px 18px rgba(8,123,67,.10); } .shima-home-v2 .shima-home2-category-fallback svg { width: 32px !important; height: 32px !important; } /* Featured product cards: more premium proportions */ .shima-home-v2 .shima-home2-carousel-shell { min-width: 0; } .shima-home-v2 .shima-home2-product-track { align-items: stretch; } .shima-home-v2 .shima-home2-product-card { border-radius: 16px; } .shima-home-v2 .shima-home2-product-image { aspect-ratio: 1.1 / 1; margin: 7px; border-radius: 12px; } .shima-home-v2 .shima-home2-product-body { padding: 8px 12px 12px; } .shima-home-v2 .shima-home2-product-body h3 { min-height: 48px; font-size: 12.5px; line-height: 1.8; } .shima-home-v2 .shima-home2-price { margin-top: 7px; font-size: 10px; } .shima-home-v2 .shima-home2-price strong { font-size: 13px; } .shima-home-v2 .shima-home2-pack { font-size: 10px; font-weight: 700; } .shima-home-v2 .shima-home2-product-card .shima-btn { min-height: 38px; border-radius: 9px; font-size: 10.5px; } .shima-home-v2 .shima-home2-stock { font-size: 9px; } /* Better handling when there are few featured products */ .shima-home-v2 .shima-home2-count-1 .shima-home2-product-track { grid-template-columns: minmax(280px, 360px); justify-content: start; } .shima-home-v2 .shima-home2-count-2 .shima-home2-product-track { grid-template-columns: repeat(2, minmax(260px, 340px)); justify-content: start; } .shima-home-v2 .shima-home2-count-3 .shima-home2-product-track { grid-template-columns: repeat(3, minmax(220px, 1fr)); } /* Benefit strip readability */ .shima-home-v2 .shima-home2-benefit-strip > div { min-height: 94px; gap: 12px; } .shima-home-v2 .shima-home2-benefit-strip strong { font-size: 12.5px; } .shima-home-v2 .shima-home2-benefit-strip small { font-size: 10.5px; font-weight: 800; } /* CTA banner and order steps polish */ .shima-home-v2 .shima-home2-banner { min-height: 124px; padding: 22px 24px; border-radius: 18px; } .shima-home-v2 .shima-home2-banner-copy h2 { font-size: 18px; line-height: 1.5; } .shima-home-v2 .shima-home2-banner-copy p, .shima-home-v2 .shima-home2-banner-note { font-size: 12px; line-height: 1.8; } .shima-home-v2 .shima-home2-steps { padding: 18px 20px; border-radius: 18px; } .shima-home-v2 .shima-home2-step { min-height: 88px; } .shima-home-v2 .shima-home2-step strong { font-size: 13.5px; } .shima-home-v2 .shima-home2-step small { font-size: 11px; line-height: 1.8; font-weight: 800; } @media (max-width: 900px) { .shima-product-page .shima-product-summary { min-height: 0; } .shima-product-page .shima-short-description { min-height: 0; -webkit-line-clamp: 4; } .shima-home-v2 .shima-home2-section, .shima-home-v2 .shima-home2-products-section, .shima-home-v2 .shima-home2-benefit-strip, .shima-home-v2 .shima-home2-banner, .shima-home-v2 .shima-home2-steps { margin-top: 18px; } } @media (max-width: 760px) { .shima-product-page .shima-product-assurance { margin-top: 14px; } .shima-product-page .shima-product-assurance > div { min-height: 64px; } .shima-product-page .shima-product-assurance strong { font-size: 10.5px; } .shima-home-v2 .shima-home2-category { flex-basis: 230px; min-height: 126px; padding: 13px 14px; } .shima-home-v2 .shima-home2-category-copy strong { font-size: 14px; } .shima-home-v2 .shima-home2-category-copy small { min-height: 30px; font-size: 10px; } .shima-home-v2 .shima-home2-category-image img { height: 108px !important; } .shima-home-v2 .shima-home2-product-card { flex: 0 0 min(76vw, 255px); } } /* ======================================================================
   SHIMA STOREFRONT UI 2.3.0 — Premium commerce unification layer
   Scope: shop/archive, single product, cart, checkout, mobile refinement.
   ====================================================================== */ :root { --shima-premium-green: #078747; --shima-premium-green-dark: #06643a; --shima-premium-soft: #f4faf6; --shima-premium-line: #dbe8e0; --shima-premium-text: #122019; --shima-premium-muted: #66756d; --shima-premium-shadow: 0 14px 38px rgba(15,44,29,.055); --shima-premium-shadow-hover: 0 20px 44px rgba(15,44,29,.085); --shima-premium-radius: 20px; } /* ---------- Global storefront harmony ---------- */ .shima-storefront-ui-active .shima-main { background: radial-gradient(circle at 9% 7%, rgba(7,135,71,.035), transparent 23rem), linear-gradient(180deg, #fbfdfc 0%, #f7faf8 100%); } .shima-storefront-ui-active .shima-breadcrumbs { min-height: 28px; font-size: 10.5px; } .shima-storefront-ui-active .shima-breadcrumbs strong { font-size: 11.5px; } .shima-storefront-ui-active .shima-btn { border-radius: 11px; } /* ---------- Shop / archive: premium catalogue ---------- */ .shima-archive-page .shima-archive-head { position: relative; overflow: hidden; min-height: 132px; border: 1px solid var(--shima-premium-line); border-radius: var(--shima-premium-radius); background: linear-gradient(135deg, #f2faf5 0%, #fff 68%); box-shadow: var(--shima-premium-shadow); } .shima-archive-page .shima-archive-head::after { content: ""; position: absolute; inset: auto -55px -75px auto; width: 210px; height: 210px; border-radius: 50%; background: radial-gradient(circle, rgba(7,135,71,.10), rgba(7,135,71,0) 68%); pointer-events: none; } .shima-archive-page .shima-archive-head h1 { color: var(--shima-premium-green-dark); font-size: clamp(25px, 2.3vw, 33px); line-height: 1.45; letter-spacing: -.02em; } .shima-archive-page .shima-archive-head p { max-width: 700px; color: #56665e; font-size: 12.5px; line-height: 1.95; } .shima-archive-page .shima-archive-ordering select { min-width: 220px; min-height: 44px; border-color: var(--shima-premium-line); border-radius: 12px; background: #fff; font-size: 11.5px; font-weight: 750; } .shima-archive-page .shima-category-chips { padding: 4px 0 2px; } .shima-archive-page .shima-category-chips a { min-height: 39px; border-color: var(--shima-premium-line); background: rgba(255,255,255,.94); color: #314139; font-size: 11px; font-weight: 800; box-shadow: 0 4px 12px rgba(15,44,29,.025); } .shima-archive-page .shima-category-chips a:hover { border-color: #9ccdb0; background: #f1faf4; color: var(--shima-premium-green); } .shima-archive-page .shima-archive-meta { color: #75827b; font-size: 10.5px; } .shima-archive-page .shima-archive-grid { grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 15px; } .shima-archive-page .shima-product-card { overflow: hidden; border: 1px solid #dfe9e3; border-radius: 17px; background: #fff; box-shadow: 0 8px 22px rgba(15,44,29,.035); transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease; } .shima-archive-page .shima-product-card:hover { transform: translateY(-3px); border-color: #c9dfd2; box-shadow: var(--shima-premium-shadow-hover); } .shima-archive-page .shima-product-image { aspect-ratio: 1.16 / 1; margin: 7px; border-radius: 13px; background: linear-gradient(180deg, #fbfcfb, #f3f7f5); } .shima-archive-page .shima-product-image img { object-fit: contain; transition: transform .2s ease; } .shima-archive-page .shima-product-card:hover .shima-product-image img { transform: scale(1.025); } .shima-archive-page .shima-product-card-body { padding: 8px 12px 12px; } .shima-archive-page .shima-product-card h2 { min-height: 42px; margin: 0; font-size: 11.8px; line-height: 1.8; font-weight: 850; } .shima-archive-page .shima-product-price { margin-top: 5px; font-size: 9.8px; line-height: 1.75; } .shima-archive-page .shima-product-price strong { font-size: 11.5px; } .shima-archive-page .shima-btn-block { min-height: 39px; margin-top: 9px; font-size: 10.2px; font-weight: 850; } .shima-archive-page .shima-pagination { margin-top: 24px; } /* ---------- Single product: premium, calmer typography ---------- */ .shima-product-page .shima-product-hero { gap: 18px; } .shima-product-page .shima-product-gallery, .shima-product-page .shima-product-summary { border: 1px solid #dce8e1; border-radius: 22px; box-shadow: var(--shima-premium-shadow); } .shima-product-page .shima-product-gallery { padding: 14px; } .shima-product-page .shima-product-main-image { border-radius: 17px; background: linear-gradient(180deg, #fbfcfb 0%, #f5f8f6 100%); } .shima-product-page .shima-product-thumbs { margin-top: 12px; } .shima-product-page .shima-product-thumb { flex-basis: 106px; height: 82px; border-radius: 12px; } .shima-product-page .shima-product-summary { padding: 28px 30px 24px; } .shima-product-page .shima-product-badges { margin-bottom: 12px; } .shima-product-page .shima-badge { min-height: 33px; padding-inline: 12px; font-size: 10px; } /* Requested: product title a little smaller on every product. */ .shima-product-page .shima-product-summary h1 { max-width: 95%; margin-bottom: 12px; color: #102018; font-size: clamp(27px, 2.05vw, 34px); line-height: 1.5; font-weight: 900; letter-spacing: -.018em; } .shima-product-page .shima-summary-price { font-size: 16px; } .shima-product-page .shima-summary-price strong { font-size: 25px; } .shima-product-page .shima-summary-price small { font-size: 12px; } .shima-product-page .shima-min-order { font-size: 13px; } .shima-product-page .shima-short-description { min-height: 78px; margin: 14px 0 10px; color: #56655e; font-size: 13px; line-height: 2; } .shima-product-page .shima-variation-title { font-size: 13px; } .shima-product-page .shima-variation-option { min-height: 43px; min-width: 74px; font-size: 11.5px; } .shima-product-page .shima-qty-label { font-size: 13px; } .shima-product-page .shima-qty-unit { font-size: 12px; } .shima-product-page .shima-qty-stepper { min-height: 46px; border-radius: 11px; } .shima-product-page .shima-add-to-cart-wrap .single_add_to_cart_button { min-height: 48px !important; border-radius: 11px !important; font-size: 13.5px !important; } .shima-product-page .shima-product-assurance { margin-top: auto; border: 1px solid #dce9e1; border-radius: 15px; background: linear-gradient(180deg, #f7fbf8, #f1f8f4); } .shima-product-page .shima-product-assurance > div { min-height: 82px; padding: 10px; } .shima-product-page .shima-product-assurance svg { width: 24px; height: 24px; } .shima-product-page .shima-product-assurance strong { font-size: 12.5px; font-weight: 900; } .shima-product-page .shima-product-assurance small { font-size: 10.5px; font-weight: 800; } .shima-product-page .shima-product-details { gap: 16px; } .shima-product-page .shima-detail-block { border-color: #e0e9e4; border-radius: 18px; box-shadow: 0 8px 22px rgba(15,44,29,.025); } .shima-product-page .shima-detail-block h2 { font-size: 17px; } .shima-product-page .shima-rich-text, .shima-product-page .shima-spec-list li { font-size: 12px; } .shima-product-page .shima-related-card strong { font-size: 11.5px; } /* ---------- Transaction pages: shared premium shell ---------- */ .shima-transaction-page .shima-transaction-head { position: relative; overflow: hidden; min-height: 124px; padding: 22px 26px; border: 1px solid var(--shima-premium-line); border-radius: 20px; background: linear-gradient(135deg, #f2faf5 0%, #fff 72%); box-shadow: var(--shima-premium-shadow); } .shima-transaction-page .shima-transaction-head::after { content: ""; position: absolute; inset: -70px auto auto -65px; width: 190px; height: 190px; border-radius: 50%; background: radial-gradient(circle, rgba(7,135,71,.09), transparent 70%); pointer-events: none; } .shima-transaction-page .shima-transaction-head h1 { color: var(--shima-premium-green-dark); font-size: clamp(25px, 2vw, 32px); line-height: 1.5; } .shima-transaction-page .shima-transaction-head p { font-size: 12.5px; line-height: 1.95; } .shima-transaction-page .shima-transaction-badges > span { min-height: 38px; padding-inline: 12px; border: 1px solid #dbe9e1; border-radius: 999px; background: rgba(255,255,255,.85); font-size: 10.5px; font-weight: 800; } .shima-transaction-page .shima-checkout-progress { min-height: 82px; padding: 8px; border: 1px solid #dce8e1; border-radius: 17px; background: #fff; box-shadow: 0 8px 22px rgba(15,44,29,.025); } .shima-transaction-page .shima-checkout-progress > div { border-radius: 12px; } .shima-transaction-page .shima-checkout-progress strong { font-size: 11.5px; } .shima-transaction-page .shima-checkout-progress small { font-size: 9px; } .shima-transaction-page .shima-transaction-content { margin-top: 14px; } /* Woo Blocks cards */ .shima-transaction-page .shima-transaction-content .wc-block-cart__main, .shima-transaction-page .shima-transaction-content .wc-block-checkout__main, .shima-transaction-page .shima-transaction-content .wc-block-cart__sidebar, .shima-transaction-page .shima-transaction-content .wc-block-checkout__sidebar, .shima-transaction-page .shima-transaction-content .wc-block-components-order-summary, .shima-transaction-page .shima-transaction-content .wc-block-components-checkout-step { border-color: #dfe9e3 !important; border-radius: 18px !important; background: #fff !important; box-shadow: 0 10px 26px rgba(15,44,29,.035) !important; } .shima-transaction-page .shima-transaction-content .wc-block-components-title, .shima-transaction-page .shima-transaction-content .wc-block-components-checkout-step__heading { color: #142018; font-size: 16px !important; font-weight: 900 !important; } .shima-transaction-page .shima-transaction-content .wc-block-cart-item__product .wc-block-components-product-name, .shima-transaction-page .shima-transaction-content .wc-block-components-order-summary-item__description .wc-block-components-product-name { font-size: 11.5px; line-height: 1.75; font-weight: 850; } .shima-transaction-page .shima-transaction-content .wc-block-cart-item__image img, .shima-transaction-page .shima-transaction-content .wc-block-components-order-summary-item__image img { border: 1px solid #e3ebe6; border-radius: 12px; background: #f7faf8; } .shima-transaction-page .shima-transaction-content .wc-block-components-button, .shima-transaction-page .shima-transaction-content .wc-block-cart__submit-button, .shima-transaction-page .shima-transaction-content .wc-block-components-checkout-place-order-button { min-height: 48px !important; border-radius: 11px !important; font-size: 12px !important; font-weight: 900 !important; } /* Classic cart */ .shima-cart-page .woocommerce-cart-form, .shima-cart-page .cart_totals, .shima-checkout-page form.woocommerce-checkout #customer_details, .shima-checkout-page form.woocommerce-checkout #order_review { border: 1px solid #dfe9e3 !important; border-radius: 18px !important; background: #fff; box-shadow: 0 10px 26px rgba(15,44,29,.035) !important; } .shima-cart-page .woocommerce-cart-form table.shop_table, .shima-checkout-page .woocommerce-checkout-review-order-table { border-color: #e2ebe6 !important; } .shima-cart-page .woocommerce-cart-form table.shop_table th, .shima-checkout-page .woocommerce-checkout-review-order-table th { color: #43524a; background: #f7faf8; font-size: 10.5px; font-weight: 850; } .shima-cart-page .woocommerce-cart-form table.shop_table td, .shima-checkout-page .woocommerce-checkout-review-order-table td { font-size: 11.5px; } .shima-cart-page .woocommerce-cart-form .product-name a { font-size: 11.5px; line-height: 1.75; } .shima-cart-page .cart_totals h2, .shima-checkout-page .woocommerce-billing-fields h3, .shima-checkout-page .woocommerce-additional-fields h3, .shima-checkout-page #order_review_heading { color: #15231b; font-size: 17px; font-weight: 900; } .shima-checkout-page .form-row label { color: #34423a; font-size: 10.8px; font-weight: 800; } .shima-checkout-page .form-row input.input-text, .shima-checkout-page .form-row textarea, .shima-checkout-page .form-row select, .shima-checkout-page .select2-container--default .select2-selection--single { min-height: 46px; border-color: #d6e3db !important; border-radius: 11px !important; background: #fbfdfc !important; font-size: 11.5px; } .shima-checkout-page .woocommerce-checkout-payment { border-radius: 14px !important; background: #f7faf8 !important; } .shima-checkout-page #place_order, .shima-cart-page a.checkout-button { min-height: 50px !important; border-radius: 11px !important; font-size: 12.5px !important; } /* ---------- Tablet ---------- */ @media (max-width: 1180px) { .shima-archive-page .shima-archive-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); } .shima-product-page .shima-product-summary h1 { font-size: clamp(25px, 2.8vw, 31px); } } @media (max-width: 980px) { .shima-product-page .shima-product-hero { gap: 12px; } .shima-product-page .shima-product-main-image { height: min(76vw, 530px); } .shima-product-page .shima-product-summary { min-height: 0; } .shima-product-page .shima-short-description { min-height: 0; } .shima-product-page .shima-product-assurance { margin-top: 16px; } } /* ---------- Mobile: deliberate app-like refinement ---------- */ @media (max-width: 760px) { :root { --shima-premium-radius: 15px; } body.shima-storefront-ui-active { font-size: 13.5px; line-height: 1.75; } .shima-storefront-ui-active .shima-main { padding-top: 9px; padding-bottom: 24px; background: linear-gradient(180deg, #fbfdfc 0%, #f6faf7 100%); } .shima-storefront-ui-active .shima-container { width: calc(100% - 18px); } .shima-storefront-ui-active .shima-breadcrumbs { gap: 5px; min-height: 24px; font-size: 8.8px; } .shima-storefront-ui-active .shima-breadcrumbs strong { font-size: 9.3px; } /* Mobile archive */ .shima-archive-page .shima-archive-head { padding: 16px 14px; gap: 10px; border-radius: 15px; } .shima-archive-page .shima-archive-head h1 { margin-top: 3px; font-size: 20px; } .shima-archive-page .shima-archive-head p { font-size: 10.5px; line-height: 1.85; } .shima-archive-page .shima-archive-ordering select { min-height: 41px; font-size: 10.5px; } .shima-archive-page .shima-category-chips { display: flex; overflow-x: auto; gap: 7px; padding-bottom: 4px; scrollbar-width: none; } .shima-archive-page .shima-category-chips::-webkit-scrollbar { display:none; } .shima-archive-page .shima-category-chips a { flex: 0 0 auto; min-height: 35px; padding-inline: 11px; font-size: 9.5px; } .shima-archive-page .shima-archive-grid { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 8px; } .shima-archive-page .shima-product-card { border-radius: 13px; } .shima-archive-page .shima-product-image { aspect-ratio: 1 / .94; margin: 5px; border-radius: 10px; } .shima-archive-page .shima-product-card-body { padding: 6px 8px 8px; } .shima-archive-page .shima-product-card h2 { min-height: 34px; font-size: 9.8px; line-height: 1.75; } .shima-archive-page .shima-product-price { font-size: 8.2px; } .shima-archive-page .shima-product-price strong { font-size: 9.6px; } .shima-archive-page .shima-btn-block { min-height: 35px; margin-top: 7px; font-size: 8.9px; } /* Mobile product */ .shima-product-page .shima-product-hero { gap: 8px; } .shima-product-page .shima-product-gallery, .shima-product-page .shima-product-summary { border-radius: 15px; box-shadow: 0 8px 24px rgba(15,44,29,.045); } .shima-product-page .shima-product-gallery { padding: 8px; } .shima-product-page .shima-product-main-image { min-height: 0; height: min(91vw, 420px); border-radius: 12px; } .shima-product-page .shima-product-thumbs { gap: 7px; margin-top: 8px; } .shima-product-page .shima-product-thumb { flex-basis: 74px; height: 58px; padding: 4px; border-radius: 9px; } .shima-product-page .shima-product-summary { padding: 16px 14px 14px; } .shima-product-page .shima-product-badges { gap: 6px; margin-bottom: 9px; } .shima-product-page .shima-badge { min-height: 30px; padding-inline: 9px; font-size: 8.8px; } .shima-product-page .shima-product-summary h1 { max-width: 100%; margin-bottom: 9px; font-size: 20px; line-height: 1.55; } .shima-product-page .shima-summary-price { margin-bottom: 6px; font-size: 12px; } .shima-product-page .shima-summary-price strong { font-size: 19px; } .shima-product-page .shima-summary-price small { font-size: 9.5px; } .shima-product-page .shima-min-order { font-size: 10.5px; } .shima-product-page .shima-short-description { margin: 10px 0 8px; font-size: 10.8px; line-height: 1.9; -webkit-line-clamp: 4; } .shima-product-page .shima-variation-group { grid-template-columns: 1fr; gap: 6px; margin-top: 10px; } .shima-product-page .shima-variation-title { padding-top: 0; font-size: 11px; } .shima-product-page .shima-variation-options { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 6px; } .shima-product-page .shima-variation-option { min-width: 0; min-height: 38px; padding-inline: 6px; font-size: 9.6px; } .shima-product-page .shima-add-to-cart-wrap .woocommerce-variation-add-to-cart, .shima-product-page .shima-add-to-cart-wrap form.cart:not(.variations_form) { grid-template-columns: 44px minmax(120px, 1fr) auto !important; gap: 7px !important; } .shima-product-page .shima-qty-label { font-size: 10.5px; } .shima-product-page .shima-qty-unit { font-size: 9.5px; } .shima-product-page .shima-qty-stepper { width: 100%; min-height: 43px; grid-template-columns: 40px 1fr 40px; } .shima-product-page .shima-qty-stepper button { width: 40px; height: 43px; font-size: 18px; } .shima-product-page .shima-qty-stepper input.qty { min-height: 43px; } .shima-product-page .shima-add-to-cart-wrap .single_add_to_cart_button { grid-column: 1 / -1; width: 100%; min-height: 45px !important; font-size: 11.5px !important; } .shima-product-page .shima-product-assurance { margin-top: 12px; border-radius: 12px; } .shima-product-page .shima-product-assurance > div { min-height: 60px; padding: 6px 4px; flex-direction: column; gap: 3px; text-align: center; } .shima-product-page .shima-product-assurance svg { width: 19px; height: 19px; } .shima-product-page .shima-product-assurance strong { font-size: 9.2px; } .shima-product-page .shima-product-assurance small { display: none; } .shima-product-page .shima-product-details { margin-top: 10px; gap: 9px; } .shima-product-page .shima-detail-block { padding: 14px; border-radius: 13px; } .shima-product-page .shima-detail-block h2 { margin-bottom: 9px; font-size: 14px; } .shima-product-page .shima-rich-text, .shima-product-page .shima-spec-list li { font-size: 10.5px; } .shima-product-page .shima-related { margin-top: 14px; } /* Mobile transaction headers */ .shima-transaction-page .shima-transaction-head { padding: 15px 13px; gap: 10px; border-radius: 15px; } .shima-transaction-page .shima-transaction-head h1 { margin-top: 3px; font-size: 20px; } .shima-transaction-page .shima-transaction-head p { font-size: 10.5px; line-height: 1.85; } .shima-transaction-page .shima-transaction-badges { display: grid; grid-template-columns: repeat(2, minmax(0,1fr)); gap: 6px; } .shima-transaction-page .shima-transaction-badges > span { min-height: 34px; justify-content: center; padding-inline: 7px; white-space: normal; text-align: center; font-size: 8.8px; } .shima-transaction-page .shima-checkout-progress { min-height: 0; padding: 6px; gap: 4px; border-radius: 13px; } .shima-transaction-page .shima-checkout-progress > div { min-height: 58px; grid-template-columns: 1fr; grid-template-rows: auto auto auto; justify-items: center; gap: 1px; padding: 5px 2px; text-align: center; } .shima-transaction-page .shima-checkout-progress > div:not(:last-child)::after { display: none; } .shima-transaction-page .shima-checkout-progress > div > span { grid-row: auto; width: 25px; height: 25px; font-size: 9px; } .shima-transaction-page .shima-checkout-progress strong { font-size: 8.8px; } .shima-transaction-page .shima-checkout-progress small { font-size: 7.2px; } /* Woo Blocks on mobile */ .shima-transaction-page .shima-transaction-content .wc-block-components-sidebar-layout { display: block !important; } .shima-transaction-page .shima-transaction-content .wc-block-components-main, .shima-transaction-page .shima-transaction-content .wc-block-components-sidebar { width: 100% !important; padding-inline: 0 !important; } .shima-transaction-page .shima-transaction-content .wc-block-components-sidebar { position: static !important; margin-top: 9px !important; } .shima-transaction-page .shima-transaction-content .wc-block-cart__main, .shima-transaction-page .shima-transaction-content .wc-block-checkout__main, .shima-transaction-page .shima-transaction-content .wc-block-cart__sidebar, .shima-transaction-page .shima-transaction-content .wc-block-checkout__sidebar { padding: 11px !important; border-radius: 13px !important; } .shima-transaction-page .shima-transaction-content .wc-block-cart-items__row { padding: 11px 0 !important; } .shima-transaction-page .shima-transaction-content .wc-block-cart-item__image { width: 62px !important; } .shima-transaction-page .shima-transaction-content .wc-block-cart-item__product .wc-block-components-product-name, .shima-transaction-page .shima-transaction-content .wc-block-components-order-summary-item__description .wc-block-components-product-name { font-size: 10px; } .shima-transaction-page .shima-transaction-content .wc-block-components-title, .shima-transaction-page .shima-transaction-content .wc-block-components-checkout-step__heading { font-size: 13px !important; } .shima-transaction-page .shima-transaction-content .wc-block-components-button, .shima-transaction-page .shima-transaction-content .wc-block-cart__submit-button, .shima-transaction-page .shima-transaction-content .wc-block-components-checkout-place-order-button { min-height: 45px !important; font-size: 11px !important; } /* Classic cart becomes card-based on mobile instead of a 640px horizontal table. */ .shima-cart-page .woocommerce-cart-form { padding: 0 !important; overflow: visible !important; border: 0 !important; background: transparent !important; box-shadow: none !important; } .shima-cart-page .woocommerce-cart-form table.shop_table { min-width: 0 !important; border: 0 !important; background: transparent !important; } .shima-cart-page .woocommerce-cart-form table.shop_table thead { display: none; } .shima-cart-page .woocommerce-cart-form table.shop_table tbody, .shima-cart-page .woocommerce-cart-form table.shop_table tr.cart_item { display: block; } .shima-cart-page .woocommerce-cart-form table.shop_table tr.cart_item { position: relative; margin-bottom: 9px; padding: 12px 11px 11px; border: 1px solid #dfe9e3; border-radius: 14px; background: #fff; box-shadow: 0 7px 18px rgba(15,44,29,.03); } .shima-cart-page .woocommerce-cart-form table.shop_table tr.cart_item td { display: block; width: 100%; padding: 4px 0 !important; border: 0 !important; text-align: right !important; } .shima-cart-page .woocommerce-cart-form table.shop_table td.product-thumbnail { width: 72px; float: right; margin-left: 10px; } .shima-cart-page .woocommerce-cart-form table.shop_table td.product-thumbnail img { width: 72px; border-radius: 10px; } .shima-cart-page .woocommerce-cart-form table.shop_table td.product-name { min-height: 72px; padding-top: 7px !important; } .shima-cart-page .woocommerce-cart-form table.shop_table td.product-name a { font-size: 10.8px; } .shima-cart-page .woocommerce-cart-form table.shop_table td.product-price, .shima-cart-page .woocommerce-cart-form table.shop_table td.product-quantity, .shima-cart-page .woocommerce-cart-form table.shop_table td.product-subtotal { clear: both; display: flex; align-items: center; justify-content: space-between; min-height: 36px; border-top: 1px solid #edf2ef !important; } .shima-cart-page .woocommerce-cart-form table.shop_table td.product-price::before { content:"قیمت"; color:#6b7770; font-size:9.5px; font-weight:800; } .shima-cart-page .woocommerce-cart-form table.shop_table td.product-quantity::before { content:"تعداد کارتن"; color:#6b7770; font-size:9.5px; font-weight:800; } .shima-cart-page .woocommerce-cart-form table.shop_table td.product-subtotal::before { content:"جمع"; color:#6b7770; font-size:9.5px; font-weight:800; } .shima-cart-page .woocommerce-cart-form table.shop_table td.product-remove { position: absolute; top: 8px; left: 8px; width: auto; z-index: 2; } .shima-cart-page .woocommerce-cart-form table.shop_table td.product-remove a { width: 32px; height: 32px; display: grid; place-items: center; border-radius: 9px; background: #fff1f2; color: #c94757 !important; } .shima-cart-page .woocommerce-cart-form table.shop_table tr:not(.cart_item) td.actions { display: block; padding: 10px !important; border: 1px solid #dfe9e3 !important; border-radius: 13px; background: #fff; } .shima-cart-page .woocommerce-cart-form .coupon { display: grid; grid-template-columns: 1fr auto; gap: 7px; } .shima-cart-page .woocommerce-cart-form .coupon .input-text, .shima-cart-page .woocommerce-cart-form .coupon .button { min-height: 42px; } .shima-cart-page .cart_totals { padding: 13px !important; border-radius: 14px !important; } /* Classic checkout mobile */ .shima-checkout-page form.woocommerce-checkout { grid-template-columns: 1fr !important; gap: 9px !important; } .shima-checkout-page form.woocommerce-checkout #customer_details, .shima-checkout-page form.woocommerce-checkout #order_review_heading, .shima-checkout-page form.woocommerce-checkout #order_review { grid-column: 1 !important; } .shima-checkout-page form.woocommerce-checkout #customer_details, .shima-checkout-page form.woocommerce-checkout #order_review { padding: 13px !important; border-radius: 14px !important; } .shima-checkout-page form.woocommerce-checkout #order_review { position: static !important; } .shima-checkout-page .woocommerce-billing-fields h3, .shima-checkout-page .woocommerce-additional-fields h3, .shima-checkout-page #order_review_heading { font-size: 14px; } .shima-checkout-page .form-row label { font-size: 9.8px; } .shima-checkout-page .form-row input.input-text, .shima-checkout-page .form-row textarea, .shima-checkout-page .form-row select, .shima-checkout-page .select2-container--default .select2-selection--single { min-height: 43px; font-size: 10.5px; } } @media (max-width: 430px) { .shima-archive-page .shima-product-card h2 { font-size: 9.3px; } .shima-product-page .shima-product-summary h1 { font-size: 18.5px; } .shima-product-page .shima-summary-price strong { font-size: 18px; } .shima-product-page .shima-variation-options { grid-template-columns: repeat(2, minmax(0,1fr)); } .shima-transaction-page .shima-checkout-progress strong { font-size: 8.3px; } } /* ==========================================================
   2.3.1 — premium harmonization: category cards, archive cards, calmer title
   ========================================================== */ /* Homepage category cards: make media/icon perfectly aligned and visually consistent */ .shima-home-v2 .shima-home2-category-track { align-items: stretch; } .shima-home-v2 .shima-home2-category { min-height: 164px; grid-template-columns: minmax(0,1fr) 124px; align-items: center; padding: 16px 18px; border: 1px solid #dde8e1; border-radius: 18px; box-shadow: 0 10px 26px rgba(15,44,29,.04); } .shima-home-v2 .shima-home2-category-copy { align-self: stretch; align-content: start; gap: 8px; min-width: 0; } .shima-home-v2 .shima-home2-category-copy strong { font-size: 17px; line-height: 1.55; } .shima-home-v2 .shima-home2-category-copy small { min-height: 38px; font-size: 12px; line-height: 1.85; } .shima-home-v2 .shima-home2-category-copy b { margin-top: auto; font-size: 11.5px; } .shima-home-v2 .shima-home2-category-copy b svg { width: 14px !important; height: 14px !important; } .shima-home-v2 .shima-home2-category-image { position: relative !important; inset: auto !important; width: 108px !important; height: 108px !important; justify-self: start; align-self: center; display: grid; place-items: center; } .shima-home-v2 .shima-home2-category-image::before { width: 108px !important; height: 108px !important; border-radius: 30px !important; background: linear-gradient(180deg, rgba(255,255,255,.88), rgba(255,255,255,.52)) !important; box-shadow: inset 0 0 0 1px rgba(8,123,67,.06); } .shima-home-v2 .shima-home2-category-image.has-image img { width: auto !important; max-width: 90px !important; height: 90px !important; max-height: 90px !important; object-fit: contain !important; } .shima-home-v2 .shima-home2-category-fallback { width: 78px !important; height: 78px !important; border-radius: 24px !important; background: rgba(255,255,255,.86) !important; box-shadow: 0 10px 24px rgba(8,123,67,.09); } .shima-home-v2 .shima-home2-category-fallback svg { width: 30px !important; height: 30px !important; } /* Homepage product cards: more balanced premium grid */ .shima-home-v2 .shima-home2-product-track { align-items: stretch; } .shima-home-v2 .shima-home2-product-card { height: 100%; border-radius: 16px; border-color: #dfe8e2; box-shadow: 0 9px 24px rgba(15,44,29,.035); } .shima-home-v2 .shima-home2-product-body { display: flex; flex: 1; flex-direction: column; gap: 6px; padding: 8px 12px 12px; } .shima-home-v2 .shima-home2-product-body h3 { min-height: 42px; font-size: 11px; line-height: 1.8; } .shima-home-v2 .shima-home2-price { margin-top: auto; } .shima-home-v2 .shima-home2-pack { margin: 0; } .shima-home-v2 .shima-home2-product-card .shima-btn { margin-top: 2px; } /* Archive / shop: unify card rhythm and premium feel */ .shima-archive-page .shima-archive-grid { align-items: stretch; } .shima-archive-page .shima-product-card { display: flex; flex-direction: column; height: 100%; border-radius: 18px; box-shadow: 0 12px 28px rgba(15,44,29,.04); } .shima-archive-page .shima-product-image { aspect-ratio: 1.12 / 1; margin: 8px; border-radius: 14px; } .shima-archive-page .shima-product-card-body { display: flex; flex: 1; flex-direction: column; gap: 7px; padding: 10px 13px 13px; } .shima-archive-page .shima-product-card h2 { min-height: 40px; font-size: 11.2px; line-height: 1.82; } .shima-archive-page .shima-product-price { margin-top: auto; font-size: 9.6px; } .shima-archive-page .shima-product-price strong { font-size: 11.2px; } .shima-archive-page .shima-btn-block { min-height: 40px; margin-top: 2px; border-radius: 10px; font-size: 10px; } /* Product page: reduce title size by ~4px and keep premium calm scale */ .shima-product-page .shima-product-summary h1 { font-size: clamp(23px, 1.85vw, 30px); line-height: 1.62; } .shima-product-page .shima-product-summary { box-shadow: 0 10px 26px rgba(15,44,29,.035); } .shima-product-page .shima-product-gallery { box-shadow: 0 10px 26px rgba(15,44,29,.035); } @media (max-width: 1180px) { .shima-home-v2 .shima-home2-category { grid-template-columns: minmax(0,1fr) 112px; min-height: 156px; } .shima-home-v2 .shima-home2-category-image, .shima-home-v2 .shima-home2-category-image::before { width: 96px !important; height: 96px !important; } .shima-home-v2 .shima-home2-category-image.has-image img { max-width: 82px !important; height: 82px !important; } } @media (max-width: 760px) { .shima-home-v2 .shima-home2-category { flex: 0 0 228px; min-height: 124px; grid-template-columns: minmax(0,1fr) 84px; padding: 12px 13px; border-radius: 15px; } .shima-home-v2 .shima-home2-category-copy strong { font-size: 14px; } .shima-home-v2 .shima-home2-category-copy small { min-height: auto; font-size: 10px; line-height: 1.75; } .shima-home-v2 .shima-home2-category-copy b { font-size: 9.8px; } .shima-home-v2 .shima-home2-category-image, .shima-home-v2 .shima-home2-category-image::before { width: 72px !important; height: 72px !important; border-radius: 20px !important; } .shima-home-v2 .shima-home2-category-image.has-image img { max-width: 62px !important; height: 62px !important; } .shima-home-v2 .shima-home2-category-fallback { width: 58px !important; height: 58px !important; border-radius: 18px !important; } .shima-home-v2 .shima-home2-category-fallback svg { width: 24px !important; height: 24px !important; } .shima-archive-page .shima-product-card h2 { font-size: 10.6px; min-height: 36px; } .shima-archive-page .shima-product-price strong { font-size: 10.6px; } .shima-product-page .shima-product-summary h1 { font-size: 24px; line-height: 1.7; } } /* ======================================================================
   SHIMA STOREFRONT UI 2.4.0 — Premium Design System
   Header, home slider, cards, catalogue, product, quick order, cart,
   checkout and mobile are visually unified here.
   ====================================================================== */ :root { --shima-lux-green: #087b43; --shima-lux-green-2: #0a9550; --shima-lux-deep: #075b36; --shima-lux-ink: #102019; --shima-lux-muted: #64736b; --shima-lux-line: #dce8e1; --shima-lux-line-soft: #eaf0ec; --shima-lux-page: #f7faf8; --shima-lux-surface: rgba(255,255,255,.98); --shima-lux-soft: #f1f8f4; --shima-lux-radius-xl: 24px; --shima-lux-radius-lg: 18px; --shima-lux-radius-md: 13px; --shima-lux-shadow: 0 14px 42px rgba(19,48,33,.055); --shima-lux-shadow-hover: 0 22px 52px rgba(19,48,33,.095); --shima-lux-ring: 0 0 0 3px rgba(8,123,67,.09); } /* ---------- Global design system ---------- */ body.shima-storefront-ui-active { background: var(--shima-lux-page) !important; color: var(--shima-lux-ink) !important; } body.shima-storefront-ui-active .shima-site-shell { background: radial-gradient(circle at 8% 4%, rgba(8,123,67,.035), transparent 28rem), linear-gradient(180deg, #fff 0, #fafcfb 210px, var(--shima-lux-page) 100%); } .shima-storefront-ui-active .shima-main { padding-top: 20px; padding-bottom: 42px; } .shima-storefront-ui-active .shima-btn { min-height: 46px; border-radius: 12px; font-weight: 850; letter-spacing: 0; } .shima-storefront-ui-active .shima-btn-primary { background: linear-gradient(135deg, var(--shima-lux-green-2), var(--shima-lux-green)); border-color: transparent; box-shadow: 0 10px 24px rgba(8,123,67,.16); } .shima-storefront-ui-active .shima-btn-primary:hover { background: linear-gradient(135deg, #0aa458, #087742); box-shadow: 0 15px 30px rgba(8,123,67,.22); } .shima-storefront-ui-active .shima-btn-secondary { border-color: #96c7aa; color: var(--shima-lux-deep); background: rgba(255,255,255,.96); } .shima-storefront-ui-active .shima-btn-secondary:hover { background: #f0f8f3; border-color: #6fb189; } /* ---------- Premium header ---------- */ .shima-header { background: rgba(255,255,255,.94); border-bottom: 1px solid rgba(215,229,221,.94); box-shadow: 0 8px 26px rgba(15,44,29,.035); -webkit-backdrop-filter: blur(18px) saturate(130%); backdrop-filter: blur(18px) saturate(130%); } .shima-header-inner { min-height: 78px; grid-template-columns: 216px minmax(390px,1fr) minmax(238px,286px) auto; gap: 18px; } .shima-logo { width: 202px; transition: transform .18s ease; } .shima-logo:hover { transform: translateY(-1px); } .shima-main-nav { gap: clamp(10px,1.35vw,23px); font-size: 13px; font-weight: 850; } .shima-main-nav a { min-height: 78px; padding-inline: 4px; } .shima-main-nav a::before { content: ""; position: absolute; inset: 20px -7px; z-index: -1; border-radius: 11px; background: transparent; transition: background .15s ease; } .shima-main-nav a:hover::before { background: #f3f8f5; } .shima-main-nav a.is-active::after { right: 12%; left: 12%; bottom: 9px; height: 3px; box-shadow: 0 3px 8px rgba(8,123,67,.16); } .shima-search { width: 100%; max-width: 276px; height: 44px; border-color: #d9e5de; border-radius: 13px; background: #f8fbf9; } .shima-search:focus-within { border-color: #91c3a4; background: #fff; box-shadow: var(--shima-lux-ring); } .shima-search input { padding-inline: 13px; font-size: 12px; font-weight: 650; } .shima-search input::placeholder { font-size: 11.5px; color: #86928c; } .shima-header-actions { gap: 7px; } .shima-cart-link { width: 44px; height: 44px; border: 1px solid transparent; border-radius: 13px; transition: background .15s ease, border-color .15s ease; } .shima-cart-link:hover { border-color: var(--shima-lux-line); background: #f6faf7; } .shima-account-link { min-height: 44px; padding-inline: 14px; border-color: #dbe6df; border-radius: 13px; box-shadow: 0 5px 16px rgba(15,44,29,.025); font-size: 11.5px; } .shima-account-link:hover { border-color: #a9d0b7; background: #f5faf7; } /* ---------- Home: premium hero / slider ---------- */ .shima-home-v2 .shima-home2-hero { overflow: hidden; border-color: #d8e7de; border-radius: 28px; background: linear-gradient(135deg,#edf8f1,#f8fcf9); box-shadow: 0 20px 54px rgba(20,65,41,.075); } .shima-home-v2 .shima-home2-slides, .shima-home-v2 .shima-home2-art { min-height: 430px; } .shima-home-v2 .shima-home2-slide { grid-template-columns: minmax(400px,.9fr) minmax(600px,1.18fr); } .shima-home-v2 .shima-home2-copy { padding: 42px 36px 80px 44px; } .shima-home-v2 .shima-home2-eyebrow { margin-bottom: 15px; padding: 8px 13px; border-color: rgba(8,123,67,.15); background: rgba(255,255,255,.66); box-shadow: inset 0 0 0 1px rgba(255,255,255,.35); color: #286447; font-size: 11.5px; font-weight: 800; } .shima-home-v2 .shima-home2-copy h1 { max-width: 590px; color: #075f38; font-size: clamp(38px,3.45vw,55px); line-height: 1.32; letter-spacing: -.035em; } .shima-home-v2 .shima-home2-copy p { max-width: 565px; margin-top: 14px; color: #43584d; font-size: 14.5px; line-height: 2.05; font-weight: 650; } .shima-home-v2 .shima-home2-actions { margin-top: 23px; gap: 10px; } .shima-home-v2 .shima-home2-actions .shima-btn { min-width: 184px; min-height: 48px; font-size: 13px; } .shima-home-v2 .shima-home2-note { margin-top: 15px; color: #2c7451; font-size: 15px; font-weight: 650; } .shima-home-v2 .shima-home2-art { background: #e1eee5; } .shima-home-v2 .shima-home2-art::after { content: ""; position: absolute; inset: 0; z-index: 1; background: linear-gradient(180deg,rgba(255,255,255,.02),rgba(5,60,34,.025)); pointer-events: none; } .shima-home-v2 .shima-home2-art img { filter: saturate(.96) contrast(1.015); } .shima-home-v2 .shima-home2-quality { top: 34px; left: 32px; z-index: 3; padding: 10px 12px; border-radius: 12px; background: rgba(255,255,255,.35); backdrop-filter: blur(5px); transform: rotate(-2deg); } .shima-home-v2 .shima-home2-quality strong { font-size: 22px; } .shima-home-v2 .shima-home2-quality small { font-size: 13px; } .shima-home-v2 .shima-home2-brand-card { z-index: 3; left: 24px; bottom: 22px; width: 164px; border-radius: 15px; background: rgba(255,255,255,.92); box-shadow: 0 14px 32px rgba(14,58,36,.11); } .shima-home-v2 .shima-home2-slider-controls { right: auto; left: 206px; bottom: 25px; z-index: 7; padding: 4px 6px; border: 1px solid rgba(210,228,218,.85); border-radius: 999px; background: rgba(255,255,255,.84); box-shadow: 0 9px 22px rgba(15,44,29,.07); backdrop-filter: blur(10px); } .shima-home-v2 .shima-home2-slider-controls > button { width: 29px; height: 29px; border: 0; background: transparent; } .shima-home-v2 .shima-home2-dots button { width: 6px; height: 6px; } .shima-home-v2 .shima-home2-dots button.is-active { width: 18px; } .shima-home-v2 .shima-home2-hero-benefits { width: 47%; min-height: 68px; border-top-color: rgba(8,123,67,.11); background: rgba(245,251,247,.94); } .shima-home-v2 .shima-home2-hero-benefits > div { min-height: 68px; border-left: 1px solid #deebe3; } .shima-home-v2 .shima-home2-hero-benefits > div:last-child { border-left: 0; } .shima-home-v2 .shima-home2-hero-benefits strong { font-size: 11.5px; } .shima-home-v2 .shima-home2-hero-benefits small { font-size: 9.5px; font-weight: 700; } /* ---------- Home section titles ---------- */ .shima-home-v2 .shima-home2-section-head { align-items: center; margin-bottom: 15px; } .shima-home-v2 .shima-home2-section-head h2 { color: #102d1d; font-size: 21px; letter-spacing: -.015em; } .shima-home-v2 .shima-home2-section-head > a { min-height: 34px; padding: 0 10px; border-radius: 9px; color: #176f46; transition: background .15s ease; } .shima-home-v2 .shima-home2-section-head > a:hover { background: #eef7f1; } /* ---------- Unified premium category cards ---------- */ .shima-home-v2 .shima-home2-category { min-height: 158px; border-color: rgba(203,222,211,.9); border-radius: 18px; box-shadow: 0 12px 30px rgba(16,55,34,.045); } .shima-home-v2 .shima-home2-category::after { opacity: .6; } .shima-home-v2 .shima-home2-category:hover { transform: translateY(-4px); border-color: #bfdaca; box-shadow: 0 20px 42px rgba(16,55,34,.08); } .shima-home-v2 .shima-home2-category-image, .shima-home-v2 .shima-home2-category-image::before { transition: transform .2s ease, box-shadow .2s ease; } .shima-home-v2 .shima-home2-category:hover .shima-home2-category-image { transform: translateY(-2px); } /* ---------- Unified product card component ---------- */ .shima-home-v2 .shima-home2-product-card, .shima-archive-page .shima-product-card { border: 1px solid #dfe9e3; border-radius: 18px; background: var(--shima-lux-surface); box-shadow: 0 11px 30px rgba(16,55,34,.045); transition: transform .2s ease, box-shadow .2s ease, border-color .2s ease; } .shima-home-v2 .shima-home2-product-card:hover, .shima-archive-page .shima-product-card:hover { transform: translateY(-4px); border-color: #bfd9c9; box-shadow: var(--shima-lux-shadow-hover); } .shima-home-v2 .shima-home2-product-image, .shima-archive-page .shima-product-image { border: 1px solid #ebf0ed; background: linear-gradient(180deg,#fdfefd,#f5f8f6); } .shima-home-v2 .shima-home2-stock, .shima-archive-page .shima-stock-pill { border: 1px solid rgba(8,123,67,.08); box-shadow: 0 5px 12px rgba(16,55,34,.04); } /* ---------- Archive / catalogue ---------- */ .shima-archive-page .shima-archive-head { padding: 24px 27px; border-radius: 22px; border-color: #dbe7df; background: linear-gradient(135deg,#edf8f1 0%,#fff 73%); box-shadow: var(--shima-lux-shadow); } .shima-archive-page .shima-archive-head h1 { font-size: clamp(24px,2vw,31px); } .shima-archive-page .shima-archive-ordering select { min-height: 46px; padding-inline: 14px; border-radius: 12px; background: #fff; box-shadow: 0 6px 16px rgba(15,44,29,.025); } .shima-archive-page .shima-category-chips { gap: 8px; padding-top: 9px; } .shima-archive-page .shima-category-chips a { min-height: 38px; padding-inline: 13px; border-radius: 11px; font-size: 10.5px; box-shadow: none; } .shima-archive-page .shima-product-card-body { gap: 7px; } .shima-archive-page .shima-product-card h2 { font-size: 10.9px; font-weight: 850; } .shima-archive-page .shima-product-price strong { color: var(--shima-lux-green); } /* ---------- Single product ---------- */ .shima-product-page .shima-product-hero { gap: 16px; } .shima-product-page .shima-product-gallery, .shima-product-page .shima-product-summary { border-color: #dce8e1; border-radius: 22px; box-shadow: var(--shima-lux-shadow); } .shima-product-page .shima-product-gallery { padding: 15px; } .shima-product-page .shima-product-main-image { border: 1px solid #edf2ef; border-radius: 17px; background: linear-gradient(180deg,#fbfcfb,#f4f7f5); } .shima-product-page .shima-product-thumb { border-radius: 11px; background: #f8faf9; } .shima-product-page .shima-product-summary { padding: 28px 28px 24px; } .shima-product-page .shima-product-summary h1 { font-size: clamp(23px,1.78vw,29px); line-height: 1.62; letter-spacing: -.012em; } .shima-product-page .shima-summary-price strong { color: var(--shima-lux-green); } .shima-product-page .shima-variation-option { border-radius: 11px; background: #fff; } .shima-product-page .shima-variation-option:hover:not(.is-disabled) { border-color: #9fcbb0; background: #f5faf7; } .shima-product-page .shima-qty-stepper { border-radius: 11px; border-color: #d7e4dc; } .shima-product-page .shima-product-assurance { border-radius: 15px; box-shadow: inset 0 1px 0 rgba(255,255,255,.7); } .shima-product-page .shima-product-details { gap: 14px; } .shima-product-page .shima-detail-block { border-color: #dfe9e3; border-radius: 18px; box-shadow: 0 9px 28px rgba(15,44,29,.035); } .shima-product-page .shima-related-card { border-color: #dfe9e3; border-radius: 15px; box-shadow: 0 8px 22px rgba(15,44,29,.035); } /* ---------- Quick order ---------- */ .shima-quick-order-page .shima-qo-hero, .shima-quick-order-page .shima-qo-summary-card, .shima-quick-order-page .shima-qo-results { border-color: #dce8e1; box-shadow: var(--shima-lux-shadow); } .shima-quick-order-page .shima-qo-hero { border-radius: 24px; } .shima-quick-order-page .shima-qo-summary-card, .shima-quick-order-page .shima-qo-results { border-radius: 20px; } .shima-quick-order-page .shima-qo-row { border-radius: 15px; border-color: #e2ebe6; transition: border-color .15s ease, box-shadow .15s ease, background .15s ease; } .shima-quick-order-page .shima-qo-row:hover { border-color: #c8ded1; box-shadow: 0 8px 22px rgba(15,44,29,.035); } .shima-quick-order-page .shima-qo-summary-list div, .shima-quick-order-page .shima-qo-bottom-benefits div { border-radius: 13px; } /* ---------- Cart / checkout ---------- */ .shima-transaction-page .shima-transaction-head { border-radius: 22px; box-shadow: var(--shima-lux-shadow); } .shima-transaction-page .shima-checkout-progress { border-radius: 17px; box-shadow: 0 8px 24px rgba(15,44,29,.03); } .shima-transaction-page .shima-transaction-content .wc-block-cart__main, .shima-transaction-page .shima-transaction-content .wc-block-checkout__main, .shima-transaction-page .shima-transaction-content .wc-block-cart__sidebar, .shima-transaction-page .shima-transaction-content .wc-block-checkout__sidebar, .shima-transaction-page .shima-transaction-content .wc-block-components-order-summary, .shima-transaction-page .shima-transaction-content .wc-block-components-checkout-step, .shima-cart-page .woocommerce-cart-form, .shima-cart-page .cart_totals, .shima-checkout-page form.woocommerce-checkout #customer_details, .shima-checkout-page form.woocommerce-checkout #order_review { border-radius: 20px !important; border-color: #dfe9e3 !important; box-shadow: var(--shima-lux-shadow) !important; } .shima-checkout-page .form-row input.input-text, .shima-checkout-page .form-row textarea, .shima-checkout-page .form-row select, .shima-checkout-page .select2-container--default .select2-selection--single { border-radius: 12px !important; background: #fcfefd !important; } .shima-checkout-page .form-row input.input-text:focus, .shima-checkout-page .form-row textarea:focus, .shima-checkout-page .form-row select:focus { border-color: #91c3a4 !important; box-shadow: var(--shima-lux-ring) !important; } /* ---------- Footer finishing ---------- */ .shima-footer-v2 { border-top-color: #d7e6dd; background: linear-gradient(180deg,#fff,#f7faf8); } .shima-footer-v2-grid { gap: 34px; } .shima-footer-v2-grid h3 { color: #102b1c; } .shima-footer-v2-bottom { background: rgba(244,249,246,.92); } /* ---------- Tablet ---------- */ @media (max-width: 1180px) { .shima-header-inner { grid-template-columns: 185px minmax(320px,1fr) minmax(205px,244px) auto; gap: 12px; } .shima-logo { width: 178px; } .shima-main-nav { gap: 12px; font-size: 12px; } .shima-home-v2 .shima-home2-slide { grid-template-columns: minmax(330px,.86fr) minmax(500px,1.14fr); } .shima-home-v2 .shima-home2-copy { padding-inline: 26px 30px; } .shima-home-v2 .shima-home2-copy h1 { font-size: 42px; } .shima-home-v2 .shima-home2-slider-controls { left: 188px; } } /* ---------- Mobile premium system ---------- */ @media (max-width: 760px) { :root { --shima-lux-radius-xl: 17px; --shima-lux-radius-lg: 14px; } body.shima-storefront-ui-active { font-size: 13px; } .shima-storefront-ui-active .shima-main { padding-top: 9px; padding-bottom: 26px; } .shima-storefront-ui-active .shima-container { width: calc(100% - 18px); } .shima-header { box-shadow: 0 5px 16px rgba(15,44,29,.04); } .shima-header-inner { min-height: 64px; padding-block: 7px; } .shima-logo { width: min(146px,44vw); } .shima-mobile-menu-toggle { width: 40px; height: 40px; border: 1px solid #dfe8e3; border-radius: 12px; background: #f8fbf9; } .shima-search { height: 42px; border-radius: 12px; } .shima-search input { font-size: 10.8px; } .shima-account-link, .shima-cart-link { border-radius: 11px; } .shima-mobile-drawer { width: min(86vw,340px); padding: 17px; border-radius: 0 0 0 20px; box-shadow: -18px 0 46px rgba(15,44,29,.16); } .shima-mobile-drawer > a { min-height: 45px; border-radius: 9px; border-bottom: 0; padding-inline: 10px; } .shima-mobile-drawer > a:hover { background: #f2f8f4; } /* Home hero becomes intentional and compact */ .shima-home-v2 .shima-home2-hero { border-radius: 17px; } .shima-home-v2 .shima-home2-copy { padding: 20px 16px 17px; } .shima-home-v2 .shima-home2-copy h1 { font-size: 27px; line-height: 1.45; } .shima-home-v2 .shima-home2-copy p { font-size: 10.8px; line-height: 1.9; } .shima-home-v2 .shima-home2-actions { margin-top: 14px; grid-template-columns: 1fr; } .shima-home-v2 .shima-home2-actions .shima-btn { min-height: 43px; font-size: 10.5px; } .shima-home-v2 .shima-home2-note { font-size: 12px; } .shima-home-v2 .shima-home2-art { min-height: 225px; } .shima-home-v2 .shima-home2-quality { top: 13px; left: 13px; padding: 7px 8px; } .shima-home-v2 .shima-home2-brand-card { width: 120px; left: 10px; bottom: 10px; } .shima-home-v2 .shima-home2-slider-controls { left: auto; right: 10px; bottom: 10px; padding: 3px 5px; } .shima-home-v2 .shima-home2-hero-benefits { min-height: 70px; } .shima-home-v2 .shima-home2-hero-benefits > div { min-height: 70px; padding-inline: 4px; } .shima-home-v2 .shima-home2-hero-benefits strong { font-size: 9px; } .shima-home-v2 .shima-home2-hero-benefits small { font-size: 7.6px; } .shima-home-v2 .shima-home2-section-head { margin-bottom: 10px; } .shima-home-v2 .shima-home2-section-head h2 { font-size: 15px; } .shima-home-v2 .shima-home2-section-head > a { font-size: 9px; } .shima-home-v2 .shima-home2-category { box-shadow: 0 8px 20px rgba(15,44,29,.035); } .shima-home-v2 .shima-home2-product-card, .shima-archive-page .shima-product-card { box-shadow: 0 7px 20px rgba(15,44,29,.035); } /* Archive */ .shima-archive-page .shima-archive-head { padding: 15px 13px; border-radius: 16px; } .shima-archive-page .shima-archive-head h1 { font-size: 19px; } .shima-archive-page .shima-archive-head p { font-size: 10px; } .shima-archive-page .shima-archive-grid { gap: 8px !important; } .shima-archive-page .shima-product-card { border-radius: 14px; } .shima-archive-page .shima-product-card h2 { min-height: 34px; font-size: 9.6px; } .shima-archive-page .shima-btn-block { min-height: 35px; font-size: 8.8px; } /* Product */ .shima-product-page .shima-product-hero { gap: 8px; } .shima-product-page .shima-product-gallery, .shima-product-page .shima-product-summary { border-radius: 16px; } .shima-product-page .shima-product-summary { padding: 15px 13px 13px; } .shima-product-page .shima-product-summary h1 { font-size: 19px; line-height: 1.6; } .shima-product-page .shima-summary-price strong { font-size: 18px; } .shima-product-page .shima-product-assurance { border-radius: 12px; } .shima-product-page .shima-detail-block { border-radius: 14px; } /* Cart / checkout */ .shima-transaction-page .shima-transaction-head { border-radius: 16px; } .shima-transaction-page .shima-checkout-progress { border-radius: 13px; } .shima-transaction-page .shima-transaction-content .wc-block-cart__main, .shima-transaction-page .shima-transaction-content .wc-block-checkout__main, .shima-transaction-page .shima-transaction-content .wc-block-cart__sidebar, .shima-transaction-page .shima-transaction-content .wc-block-checkout__sidebar, .shima-transaction-page .shima-transaction-content .wc-block-components-order-summary, .shima-transaction-page .shima-transaction-content .wc-block-components-checkout-step, .shima-cart-page .woocommerce-cart-form, .shima-cart-page .cart_totals, .shima-checkout-page form.woocommerce-checkout #customer_details, .shima-checkout-page form.woocommerce-checkout #order_review { border-radius: 15px !important; box-shadow: 0 8px 22px rgba(15,44,29,.035) !important; } /* Quick order */ .shima-quick-order-page .shima-qo-hero, .shima-quick-order-page .shima-qo-summary-card, .shima-quick-order-page .shima-qo-results { border-radius: 15px; } } @media (max-width: 480px) { .shima-home-v2 .shima-home2-art { min-height: 205px; } .shima-home-v2 .shima-home2-quality { display: none; } .shima-home-v2 .shima-home2-brand-card { width: 112px; } .shima-home-v2 .shima-home2-brand-card img { width: 96px; } .shima-product-page .shima-product-summary h1 { font-size: 18px; } .shima-archive-page .shima-product-card h2 { font-size: 9.2px; } } /* ==========================================================
   2.4.1 — hero benefit cards alignment and premium balance
   ========================================================== */ .shima-home-v2 .shima-home2-hero-benefits { width: 46%; min-height: 72px; align-items: stretch; background: rgba(245, 251, 247, .96); border-top: 1px solid rgba(8,123,67,.08); box-shadow: inset 0 1px 0 rgba(255,255,255,.55); } .shima-home-v2 .shima-home2-hero-benefits > div { min-width: 0; display: grid; grid-template-columns: 26px minmax(0, 1fr); align-items: center; justify-content: start; gap: 10px; padding: 12px 14px; border-left: 1px solid rgba(8,123,67,.08); text-align: right; } .shima-home-v2 .shima-home2-hero-benefits > div:last-child { border-left: 0; } .shima-home-v2 .shima-home2-hero-benefits svg { width: 22px !important; height: 22px !important; place-self: center; } .shima-home-v2 .shima-home2-hero-benefits span { display: flex; flex-direction: column; align-items: flex-start; justify-content: center; gap: 2px; min-width: 0; } .shima-home-v2 .shima-home2-hero-benefits strong { display: block; color: #173524; font-size: 12px; font-weight: 900; line-height: 1.5; } .shima-home-v2 .shima-home2-hero-benefits small { display: block; color: #5f7467; font-size: 10px; font-weight: 780; line-height: 1.65; white-space: normal; overflow: visible; text-overflow: clip; } @media (max-width: 1180px) { .shima-home-v2 .shima-home2-hero-benefits { width: 48%; } .shima-home-v2 .shima-home2-hero-benefits > div { padding: 11px 10px; gap: 8px; } .shima-home-v2 .shima-home2-hero-benefits strong { font-size: 11.3px; } .shima-home-v2 .shima-home2-hero-benefits small { font-size: 9.2px; } } @media (max-width: 900px) { .shima-home-v2 .shima-home2-hero-benefits { width: 100%; min-height: 78px; } } @media (max-width: 760px) { .shima-home-v2 .shima-home2-hero-benefits { min-height: 82px; } .shima-home-v2 .shima-home2-hero-benefits > div { display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 5px; padding: 10px 8px; text-align: center; } .shima-home-v2 .shima-home2-hero-benefits span { align-items: center; } .shima-home-v2 .shima-home2-hero-benefits strong { font-size: 9.7px; } .shima-home-v2 .shima-home2-hero-benefits small { font-size: 8px; line-height: 1.5; } } @media (max-width: 480px) { .shima-home-v2 .shima-home2-hero-benefits small { display: block; } } /* ==========================================================
   2.4.2 — product gallery thumbnail active-ring repair
   ========================================================== */ .shima-product-page .shima-product-thumbs { align-items: center; overflow-y: hidden; padding: 2px 2px 4px; } .shima-product-page .shima-product-thumb { position: relative; box-sizing: border-box; overflow: hidden; padding: 5px; border: 1px solid #dce7e1 !important; border-radius: 12px; background: #f8faf9; box-shadow: none; outline: 0; isolation: isolate; } .shima-product-page .shima-product-thumb img { position: relative; z-index: 1; display: block; width: 100% !important; height: 100% !important; border-radius: 8px; object-fit: contain; background: #fff; } /* Draw the selected ring as an overlay, so the product image can never cover it. */ .shima-product-page .shima-product-thumb::after { content: ""; position: absolute; z-index: 3; inset: 0; border: 2px solid transparent; border-radius: inherit; pointer-events: none; } .shima-product-page .shima-product-thumb.is-active { border-color: transparent !important; background: #fff; box-shadow: 0 6px 16px rgba(8,123,67,.08); } .shima-product-page .shima-product-thumb.is-active::after { border-color: var(--shima-lux-green, var(--shima-green)); } .shima-product-page .shima-product-thumb:hover::after, .shima-product-page .shima-product-thumb:focus-visible::after { border-color: rgba(8,123,67,.55); } .shima-product-page .shima-product-thumb.is-active:hover::after, .shima-product-page .shima-product-thumb.is-active:focus-visible::after { border-color: var(--shima-lux-green, var(--shima-green)); } @media (max-width: 760px) { .shima-product-page .shima-product-thumb { padding: 4px; } .shima-product-page .shima-product-thumb img { border-radius: 7px; } } /* ======================================================================
   2.5.0 — Premium quick-order experience
   Senior-level polish for hero, toolbar, summary, product matrix and mobile.
   ====================================================================== */ .shima-quick-order-page { --qo-premium-green: #0a8a4a; --qo-premium-green-deep: #07683a; --qo-premium-green-soft: #f3fbf6; --qo-premium-line: #dbe8e0; --qo-premium-card: #ffffff; --qo-premium-shadow: 0 16px 40px rgba(11, 44, 26, 0.06); --qo-premium-shadow-strong: 0 22px 56px rgba(9, 37, 22, 0.09); --qo-premium-radius-xl: 26px; --qo-premium-radius-lg: 20px; --qo-premium-radius-md: 16px; --qo-premium-radius-sm: 12px; } .shima-quick-order-page .shima-main { padding-bottom: 28px; } /* Hero */ .shima-quick-order-page .shima-qo-hero { position: relative; grid-template-columns: minmax(420px, 1.05fr) minmax(360px, .95fr); border: 1px solid var(--qo-premium-line); border-radius: var(--qo-premium-radius-xl); background: radial-gradient(circle at 18% 22%, rgba(12, 138, 74, 0.08), transparent 24%), radial-gradient(circle at 86% 18%, rgba(12, 138, 74, 0.06), transparent 22%), linear-gradient(135deg, #f4fbf6 0%, #edf7f0 52%, #f8fcf9 100%); box-shadow: var(--qo-premium-shadow-strong); } .shima-quick-order-page .shima-qo-hero::before { content: ""; position: absolute; inset: 0; background: linear-gradient(90deg, rgba(255,255,255,0.06), transparent 26%, transparent 72%, rgba(7, 104, 58, 0.04)); pointer-events: none; } .shima-quick-order-page .shima-qo-hero-art { position: relative; min-height: 300px; } .shima-quick-order-page .shima-qo-hero-art::after { content: ""; position: absolute; inset: 0 auto 0 0; width: 18%; background: linear-gradient(90deg, rgba(237,247,240,.9), rgba(237,247,240,0)); pointer-events: none; } .shima-quick-order-page .shima-qo-hero-copy { position: relative; z-index: 1; padding: 34px 38px; gap: 12px; } .shima-quick-order-page .shima-qo-badge { padding: 8px 14px; border-color: rgba(9, 128, 66, 0.15); background: rgba(255,255,255,.78); box-shadow: 0 8px 22px rgba(9, 64, 32, 0.06); backdrop-filter: blur(8px); } .shima-quick-order-page .shima-qo-badge span { font-weight: 900; } .shima-quick-order-page .shima-qo-hero-copy h1 { color: #0d2418; font-size: clamp(36px, 3vw, 52px); line-height: 1.22; font-weight: 950; letter-spacing: -.03em; } .shima-quick-order-page .shima-qo-hero-copy p { max-width: 39rem; color: #3c5144; font-size: 14px; line-height: 2; font-weight: 600; } .shima-quick-order-page .shima-qo-hero-note { display: inline-flex; align-items: center; gap: 10px; color: #278252; font-size: 15px; font-weight: 850; } .shima-quick-order-page .shima-qo-hero-note::before { content: ""; width: 34px; height: 2px; border-radius: 999px; background: linear-gradient(90deg, #7cc399, #0a8a4a); } /* Toolbar */ .shima-quick-order-page .shima-qo-toolbar { grid-template-columns: minmax(270px, 310px) minmax(320px, 1fr) minmax(340px, 430px); gap: 14px; margin-top: 16px; } .shima-quick-order-page .shima-qo-info-pill, .shima-quick-order-page .shima-qo-categories, .shima-quick-order-page .shima-qo-search { background: #fff; border: 1px solid var(--qo-premium-line); box-shadow: 0 10px 28px rgba(18,59,37,.04); } .shima-quick-order-page .shima-qo-info-pill { min-height: 64px; padding: 12px 16px; border-radius: 18px; color: #48584f; font-size: 12.5px; line-height: 1.95; font-weight: 700; } .shima-quick-order-page .shima-qo-categories { padding: 8px; border-radius: 18px; } .shima-quick-order-page .shima-qo-categories a { min-height: 44px; padding: 0 15px; border-radius: 13px; font-size: 12px; font-weight: 850; border-color: #e3ede7; background: #fbfdfb; } .shima-quick-order-page .shima-qo-categories a.is-active, .shima-quick-order-page .shima-qo-categories a:hover { color: var(--qo-premium-green); background: var(--qo-premium-green-soft); border-color: #8fcaa8; box-shadow: inset 0 0 0 1px rgba(10,138,74,.08); } .shima-quick-order-page .shima-qo-search { border-radius: 18px; overflow: visible; } .shima-quick-order-page .shima-qo-search input { min-height: 56px; padding-inline: 16px 56px; border: 0; border-radius: 18px; background: transparent; font-size: 13px; font-weight: 700; } .shima-quick-order-page .shima-qo-search > button { right: 13px; color: #203126; } .shima-quick-order-page .shima-qo-search:focus-within { box-shadow: 0 0 0 4px rgba(8,123,67,.08), 0 10px 28px rgba(18,59,37,.05); } /* Layout cards */ .shima-quick-order-page .shima-qo-layout { grid-template-columns: 300px minmax(0, 1fr); gap: 18px; } .shima-quick-order-page .shima-qo-summary-card, .shima-quick-order-page .shima-qo-results, .shima-quick-order-page .shima-qo-access-card { position: relative; overflow: hidden; border: 1px solid var(--qo-premium-line); border-radius: var(--qo-premium-radius-lg); box-shadow: var(--qo-premium-shadow); } .shima-quick-order-page .shima-qo-summary-card::before, .shima-quick-order-page .shima-qo-results::before { content: ""; position: absolute; inset: 0 0 auto; height: 4px; background: linear-gradient(90deg, #d7ecdf, #0a8a4a 50%, #d7ecdf); opacity: .85; } .shima-quick-order-page .shima-qo-summary-card { padding: 20px; background: linear-gradient(180deg, #ffffff 0%, #fbfdfb 100%); top: 98px; } .shima-quick-order-page .shima-qo-summary-card h2, .shima-quick-order-page .shima-qo-results-head h2, .shima-quick-order-page .shima-qo-access-card h2 { font-size: 20px; line-height: 1.5; font-weight: 950; color: #112219; } .shima-quick-order-page .shima-qo-summary-list { gap: 10px; margin-top: 16px; } .shima-quick-order-page .shima-qo-summary-list div { min-height: 56px; padding: 12px 14px; border-radius: 15px; background: #f9fcfa; border: 1px solid #e3eee7; } .shima-quick-order-page .shima-qo-summary-list span { color: #526159; font-size: 12.5px; font-weight: 800; } .shima-quick-order-page .shima-qo-summary-list strong { color: #14221a; font-size: 16px; font-weight: 950; } .shima-quick-order-page .shima-qo-summary-list .is-total { background: linear-gradient(180deg, #edf8f1, #f6fbf7); border-color: #b8dbc6; } .shima-quick-order-page .shima-qo-summary-list .is-total strong { color: var(--qo-premium-green); } .shima-quick-order-page .shima-qo-field span { font-size: 12.5px; font-weight: 900; } .shima-quick-order-page .shima-qo-field input, .shima-quick-order-page .shima-qo-field textarea { border-radius: 14px; border-color: #dbe7df; background: #fbfdfb; font-size: 12.5px; font-weight: 700; } .shima-quick-order-page .shima-qo-field input:focus, .shima-quick-order-page .shima-qo-field textarea:focus { outline: 0; border-color: #8cc7a4; box-shadow: 0 0 0 4px rgba(8,123,67,.08); } .shima-quick-order-page .shima-qo-summary-card .shima-btn { min-height: 46px; border-radius: 14px; font-size: 12.5px; font-weight: 900; } /* Results area */ .shima-quick-order-page .shima-qo-results { padding: 20px; background: linear-gradient(180deg, #ffffff 0%, #fcfefd 100%); } .shima-quick-order-page .shima-qo-results-head { align-items: center; margin-bottom: 16px; } .shima-quick-order-page .shima-qo-results-head p { margin-top: 4px; color: #66766d; font-size: 12px; font-weight: 700; } .shima-quick-order-page .shima-qo-count { min-height: 38px; padding: 0 12px; border: 1px solid #cfe5d8; background: linear-gradient(180deg, #f4fbf7, #ecf8f0); color: var(--qo-premium-green); font-size: 11.5px; font-weight: 900; } .shima-quick-order-page .shima-qo-table-wrap { padding: 12px; border: 1px solid #e6efe9; border-radius: 18px; background: linear-gradient(180deg, #fbfdfb 0%, #f7faf8 100%); } .shima-quick-order-page .shima-qo-table-head { padding: 0 10px 10px; color: #67776e; font-size: 11.2px; font-weight: 900; } .shima-quick-order-page .shima-qo-row { padding: 12px; border: 1px solid #deebe3; border-radius: 18px; background: linear-gradient(180deg, #ffffff 0%, #fbfdfb 100%); box-shadow: 0 8px 20px rgba(18,59,37,.03); transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease, background .18s ease; } .shima-quick-order-page .shima-qo-row:hover { transform: translateY(-1px); border-color: #cae0d2; box-shadow: 0 16px 30px rgba(18,59,37,.06); } .shima-quick-order-page .shima-qo-row.is-selected { border-color: #9bceae; box-shadow: 0 18px 34px rgba(10,138,74,.10); } .shima-quick-order-page .shima-qo-row.is-incomplete { border-color: #ecd8a8; background: linear-gradient(180deg, #fffdf7 0%, #fffefb 100%); } .shima-quick-order-page .shima-qo-product { gap: 12px; } .shima-quick-order-page .shima-qo-image { width: 72px; height: 72px; border-radius: 15px; background: linear-gradient(180deg, #ffffff, #f2f6f3); border-color: #dde8e1; box-shadow: inset 0 1px 0 rgba(255,255,255,.75); } .shima-quick-order-page .shima-qo-product-copy { gap: 5px; } .shima-quick-order-page .shima-qo-product-copy strong { font-size: 12.4px; line-height: 1.8; font-weight: 900; color: #0f1e16; } .shima-quick-order-page .shima-qo-product-copy small { color: #66766d; font-size: 10.5px; font-weight: 800; } .shima-quick-order-page .shima-qo-col { font-size: 11.8px; font-weight: 700; color: #213027; } .shima-quick-order-page .shima-qo-col select, .shima-quick-order-page .shima-qo-col input[type="number"] { min-height: 40px; border-radius: 12px; border-color: #d7e3db; background: #fff; font-size: 11.5px; font-weight: 800; } .shima-quick-order-page .shima-qo-price strong, .shima-quick-order-page .shima-qo-subtotal strong { font-size: 11.8px; font-weight: 950; } .shima-quick-order-page .shima-qo-subtotal strong { color: var(--qo-premium-green); } .shima-quick-order-page .shima-qo-qty-stepper { max-width: 118px; border-color: #d6e3db; border-radius: 12px; background: #fff; } .shima-quick-order-page .shima-qo-qty-stepper button { background: #f6faf7; color: #223228; font-size: 17px; } .shima-quick-order-page .shima-qo-qty-stepper input { background: #fff; font-weight: 900; } .shima-quick-order-page .shima-qo-clear { border-color: #ffdbe0; border-radius: 12px; background: linear-gradient(180deg, #fff5f6, #fff0f2); color: #db5568; } .shima-quick-order-page .shima-qo-clear:hover, .shima-quick-order-page .shima-qo-clear:focus-visible { background: linear-gradient(180deg, #ffecef, #ffe4e8); border-color: #f1b2bc; } /* Bottom benefits */ .shima-quick-order-page .shima-qo-bottom-benefits { margin-top: 16px; padding-top: 16px; gap: 12px; border-top-color: #e8f0eb; } .shima-quick-order-page .shima-qo-bottom-benefits > div { min-height: 76px; justify-content: flex-start; gap: 12px; padding: 14px; border-radius: 16px; background: linear-gradient(180deg, #fbfdfb, #f4faf6); border: 1px solid #dfebe4; } .shima-quick-order-page .shima-qo-bottom-benefits > div svg { flex: 0 0 auto; width: 22px !important; height: 22px !important; color: var(--qo-premium-green); } .shima-quick-order-page .shima-qo-bottom-benefits span { gap: 2px; } .shima-quick-order-page .shima-qo-bottom-benefits strong { font-size: 12.5px !important; line-height: 1.65; font-weight: 950 !important; color: #12231b !important; } .shima-quick-order-page .shima-qo-bottom-benefits small { font-size: 11px !important; line-height: 1.7; font-weight: 850 !important; color: #617168 !important; } /* Live search inside quick-order */ .shima-quick-order-page .shima-qo-search .shima-live-search-results { padding: 8px; border-color: #dbe8e0; border-radius: 16px; background: rgba(255,255,255,.98); box-shadow: 0 18px 40px rgba(15,23,42,.14); } .shima-quick-order-page .shima-qo-search .shima-live-search-item { min-height: 80px !important; grid-template-columns: 58px minmax(0,1fr) auto !important; gap: 12px !important; border-radius: 12px !important; } .shima-quick-order-page .shima-qo-search .shima-live-search-thumb { width: 58px !important; height: 58px !important; border-radius: 12px !important; } .shima-quick-order-page .shima-qo-search .shima-live-search-copy strong { font-size: 13px !important; line-height: 1.8 !important; font-weight: 900 !important; } .shima-quick-order-page .shima-qo-search .shima-live-search-meta, .shima-quick-order-page .shima-qo-search .shima-live-search-price { font-weight: 800 !important; } /* Tablets */ @media (max-width: 1280px) { .shima-quick-order-page .shima-qo-layout { grid-template-columns: 280px minmax(0, 1fr); } } @media (max-width: 1100px) { .shima-quick-order-page .shima-qo-toolbar { grid-template-columns: 1fr; grid-template-areas: "search" "cats" "info"; } .shima-quick-order-page .shima-qo-categories { justify-content: flex-start; } .shima-quick-order-page .shima-qo-layout { grid-template-columns: 1fr; grid-template-areas: "results" "summary"; } .shima-quick-order-page .shima-qo-summary-card { position: static; } } /* Mobile premium layout */ @media (max-width: 767px) { .shima-quick-order-page .shima-main { padding-bottom: 22px; } .shima-quick-order-page .shima-qo-hero { grid-template-columns: 1fr; border-radius: 18px; margin-top: 10px; } .shima-quick-order-page .shima-qo-hero-art { order: -1; min-height: 180px; } .shima-quick-order-page .shima-qo-hero-copy { padding: 18px 16px 16px; gap: 9px; } .shima-quick-order-page .shima-qo-badge { padding: 7px 11px; font-size: 10.5px; } .shima-quick-order-page .shima-qo-hero-copy h1 { font-size: 28px; line-height: 1.4; } .shima-quick-order-page .shima-qo-hero-copy p { font-size: 11.5px; line-height: 1.95; } .shima-quick-order-page .shima-qo-hero-note { font-size: 12px; } .shima-quick-order-page .shima-qo-hero-note::before { width: 24px; } .shima-quick-order-page .shima-qo-toolbar { gap: 10px; margin-top: 12px; } .shima-quick-order-page .shima-qo-info-pill, .shima-quick-order-page .shima-qo-categories, .shima-quick-order-page .shima-qo-search, .shima-quick-order-page .shima-qo-results, .shima-quick-order-page .shima-qo-summary-card, .shima-quick-order-page .shima-qo-access-card { border-radius: 16px; } .shima-quick-order-page .shima-qo-info-pill { min-height: 54px; padding: 10px 12px; font-size: 11px; } .shima-quick-order-page .shima-qo-categories { padding: 7px; gap: 7px; overflow-x: auto; flex-wrap: nowrap; scrollbar-width: none; } .shima-quick-order-page .shima-qo-categories::-webkit-scrollbar { display: none; } .shima-quick-order-page .shima-qo-categories a { min-height: 39px; padding: 0 12px; font-size: 11px; white-space: nowrap; } .shima-quick-order-page .shima-qo-search input { min-height: 48px; font-size: 12px; padding-inline: 12px 48px; } .shima-quick-order-page .shima-qo-layout { gap: 12px; margin-top: 14px; } .shima-quick-order-page .shima-qo-results, .shima-quick-order-page .shima-qo-summary-card, .shima-quick-order-page .shima-qo-access-card { padding: 14px; } .shima-quick-order-page .shima-qo-results-head { gap: 8px; align-items: flex-start; } .shima-quick-order-page .shima-qo-results-head h2, .shima-quick-order-page .shima-qo-summary-card h2, .shima-quick-order-page .shima-qo-access-card h2 { font-size: 17px; } .shima-quick-order-page .shima-qo-results-head p, .shima-quick-order-page .shima-qo-count { font-size: 11px; } .shima-quick-order-page .shima-qo-table-wrap { padding: 0; border: 0; background: transparent; } .shima-quick-order-page .shima-qo-table { min-width: 0; gap: 8px; } .shima-quick-order-page .shima-qo-row { padding: 12px; border-radius: 15px; } .shima-quick-order-page .shima-qo-product { gap: 10px; margin-bottom: 8px; padding-bottom: 9px; border-bottom: 1px dashed #e4ece7; } .shima-quick-order-page .shima-qo-image { width: 66px; height: 66px; } .shima-quick-order-page .shima-qo-product-copy strong { font-size: 12px; line-height: 1.75; } .shima-quick-order-page .shima-qo-col { font-size: 11.3px; } .shima-quick-order-page .shima-qo-col::before { flex-basis: 40%; color: #6b7a72; font-size: 10.5px; font-weight: 850; } .shima-quick-order-page .shima-qo-col select, .shima-quick-order-page .shima-qo-col input[type="number"] { min-height: 38px; font-size: 11px; } .shima-quick-order-page .shima-qo-qty-stepper { width: 60%; max-width: 140px; } .shima-quick-order-page .shima-qo-qty-stepper button { width: 36px; height: 38px; } .shima-quick-order-page .shima-qo-clear { width: 42px; height: 42px; flex-basis: 42px; } .shima-quick-order-page .shima-qo-summary-list strong { font-size: 15px; } .shima-quick-order-page .shima-qo-bottom-benefits { grid-template-columns: 1fr; gap: 9px; } .shima-quick-order-page .shima-qo-bottom-benefits > div { min-height: 68px; border-radius: 14px; } .shima-quick-order-page .shima-qo-search .shima-live-search-results { border-radius: 14px; } .shima-quick-order-page .shima-qo-search .shima-live-search-item { min-height: 72px !important; grid-template-columns: 52px minmax(0,1fr) !important; gap: 10px !important; } .shima-quick-order-page .shima-qo-search .shima-live-search-thumb { width: 52px !important; height: 52px !important; } .shima-quick-order-page .shima-qo-search .shima-live-search-price { grid-column: 2 !important; justify-self: start !important; } } /* ======================================================================
   SHIMA STOREFRONT UI 2.6.0 — Unified premium commerce system
   Scope: storefront shell, catalogue, product, quick order, cart, checkout,
   responsive behavior, accessibility/focus, visual consistency.
   ====================================================================== */ :root { --shima-ds-green: #087b43; --shima-ds-green-2: #0a9250; --shima-ds-green-deep: #075d37; --shima-ds-ink: #122019; --shima-ds-muted: #66756d; --shima-ds-line: #dce8e1; --shima-ds-line-strong: #cbded2; --shima-ds-soft: #f4faf6; --shima-ds-surface: #ffffff; --shima-ds-surface-2: #f9fcfa; --shima-ds-shadow: 0 14px 36px rgba(15, 44, 29, .055); --shima-ds-shadow-hover: 0 20px 46px rgba(15, 44, 29, .085); --shima-ds-ring: 0 0 0 4px rgba(8, 123, 67, .10); --shima-ds-radius-xl: 24px; --shima-ds-radius-lg: 19px; --shima-ds-radius-md: 14px; --shima-ds-radius-sm: 10px; } /* ---------- Global premium rhythm ---------- */ .shima-storefront-ui-active .shima-main { background: radial-gradient(circle at 92% 4%, rgba(8,123,67,.025), transparent 26rem), radial-gradient(circle at 7% 18%, rgba(8,123,67,.022), transparent 22rem), linear-gradient(180deg, #fbfdfc 0%, #f7faf8 100%); } .shima-storefront-ui-active .shima-container { width: min(1320px, calc(100% - 32px)); } .shima-storefront-ui-active .shima-btn, .shima-storefront-ui-active button, .shima-storefront-ui-active input, .shima-storefront-ui-active select, .shima-storefront-ui-active textarea { transition: border-color .16s ease, box-shadow .16s ease, background .16s ease, color .16s ease, transform .16s ease; } .shima-storefront-ui-active a:focus-visible, .shima-storefront-ui-active button:focus-visible, .shima-storefront-ui-active input:focus-visible, .shima-storefront-ui-active select:focus-visible, .shima-storefront-ui-active textarea:focus-visible { outline: 0; box-shadow: var(--shima-ds-ring); } .shima-storefront-ui-active .shima-btn-primary { background: linear-gradient(135deg, var(--shima-ds-green-2), var(--shima-ds-green)); border-color: var(--shima-ds-green); box-shadow: 0 8px 18px rgba(8,123,67,.13); } .shima-storefront-ui-active .shima-btn-primary:hover { transform: translateY(-1px); background: linear-gradient(135deg, #0a9a55, #07743f); box-shadow: 0 12px 24px rgba(8,123,67,.18); } .shima-storefront-ui-active .shima-btn-secondary { border-color: #b8d8c5; background: #fff; color: #15643d; } .shima-storefront-ui-active .shima-btn-secondary:hover { border-color: #8fc4a5; background: #f5fbf7; } /* ---------- Header premium refinement ---------- */ .shima-storefront-ui-active .shima-header { border-bottom-color: #e1ebe5; background: rgba(255,255,255,.94); box-shadow: 0 6px 24px rgba(15,44,29,.025); backdrop-filter: blur(14px); } .shima-storefront-ui-active .shima-header-inner { min-height: 76px; } .shima-storefront-ui-active .shima-main-nav a { position: relative; font-weight: 850; } .shima-storefront-ui-active .shima-search { border-color: #d8e5dd; background: #fafcfb; box-shadow: inset 0 1px 0 rgba(255,255,255,.8); } .shima-storefront-ui-active .shima-search:focus-within { border-color: #98c9aa; box-shadow: var(--shima-ds-ring); } /* ---------- Catalogue / archive ---------- */ .shima-archive-page .shima-archive-head { min-height: 142px; padding: 25px 28px; border: 1px solid var(--shima-ds-line); border-radius: var(--shima-ds-radius-xl); background: radial-gradient(circle at 12% 15%, rgba(8,123,67,.08), transparent 18rem), linear-gradient(135deg, #f0faf4 0%, #ffffff 72%); box-shadow: var(--shima-ds-shadow); } .shima-archive-page .shima-archive-head h1 { color: var(--shima-ds-green-deep); font-size: clamp(24px, 2vw, 31px); line-height: 1.55; font-weight: 950; } .shima-archive-page .shima-archive-head p { max-width: 720px; color: #53635b; font-size: 12px; line-height: 2; font-weight: 650; } .shima-archive-page .shima-archive-ordering select { min-width: 210px; min-height: 45px; padding-inline: 13px; border: 1px solid var(--shima-ds-line); border-radius: 12px; background: #fff; color: #26372d; font-size: 11px; font-weight: 800; box-shadow: 0 7px 18px rgba(15,44,29,.03); } .shima-archive-page .shima-category-chips { gap: 8px; padding: 11px 0 3px; } .shima-archive-page .shima-category-chips a { min-height: 39px; padding: 0 14px; border: 1px solid var(--shima-ds-line); border-radius: 12px; background: #fff; color: #43534a; font-size: 10.5px; font-weight: 850; box-shadow: 0 5px 14px rgba(15,44,29,.025); } .shima-archive-page .shima-category-chips a.is-active, .shima-archive-page .shima-category-chips a:hover { border-color: #9bcdb0; background: #eef9f2; color: var(--shima-ds-green); } .shima-archive-page .shima-archive-meta { margin-bottom: 10px; color: #75827b; font-size: 10.5px; font-weight: 700; } .shima-archive-page .shima-archive-grid { grid-template-columns: repeat(4, minmax(0,1fr)); gap: 15px; align-items: stretch; } .shima-archive-page .shima-product-card { display: flex; flex-direction: column; height: 100%; overflow: hidden; border: 1px solid #dfe9e3; border-radius: 18px; background: #fff; box-shadow: 0 9px 26px rgba(15,44,29,.04); } .shima-archive-page .shima-product-card:hover { transform: translateY(-4px); border-color: #bdd8c7; box-shadow: var(--shima-ds-shadow-hover); } .shima-archive-page .shima-product-image { position: relative; display: block; aspect-ratio: 1.15 / 1; margin: 7px; overflow: hidden; border: 1px solid #e9efeb; border-radius: 14px; background: linear-gradient(180deg,#fdfefd,#f4f7f5); } .shima-archive-page .shima-product-image img { width: 100%; height: 100% !important; object-fit: contain; } .shima-archive-page .shima-stock-pill { position: absolute; z-index: 2; top: 8px; right: 8px; padding: 4px 8px; border: 1px solid rgba(8,123,67,.10); border-radius: 999px; background: #edf9f1; color: #0a8249; font-size: 8.8px; font-weight: 900; } .shima-archive-page .shima-stock-pill.is-out { border-color: rgba(196,67,82,.10); background: #fff0f2; color: #c44b5a; } .shima-archive-page .shima-product-card-body { display: flex; flex: 1; flex-direction: column; gap: 7px; padding: 8px 12px 12px; } .shima-archive-page .shima-product-card h2 { min-height: 42px; margin: 0; font-size: 10.8px; line-height: 1.86; font-weight: 900; } .shima-archive-page .shima-product-price { margin-top: auto; color: #526159; font-size: 9.4px; font-weight: 750; } .shima-archive-page .shima-product-price strong { color: var(--shima-ds-green); font-size: 11.4px; font-weight: 950; } .shima-archive-page .shima-product-card-meta { display: flex; align-items: center; justify-content: space-between; gap: 6px; padding: 7px 8px; border: 1px solid #e7efe9; border-radius: 9px; background: #f8fbf9; color: #68776f; font-size: 8.7px; font-weight: 800; } .shima-archive-page .shima-product-card-meta span { display: inline-flex; align-items: center; gap: 4px; } .shima-archive-page .shima-product-card-meta svg { width: 12px !important; height: 12px !important; color: var(--shima-ds-green); } .shima-archive-page .shima-btn-block { min-height: 39px; margin-top: 1px; border-radius: 10px; font-size: 9.8px; font-weight: 900; } .shima-archive-page .shima-pagination { margin-top: 25px; } .shima-archive-page .woocommerce-pagination ul.page-numbers { gap: 6px; border: 0 !important; } .shima-archive-page .woocommerce-pagination ul.page-numbers li { border: 0 !important; } .shima-archive-page .woocommerce-pagination ul.page-numbers a, .shima-archive-page .woocommerce-pagination ul.page-numbers span { min-width: 38px; height: 38px; display: grid; place-items: center; border: 1px solid var(--shima-ds-line); border-radius: 10px; background: #fff; color: #425249; font-weight: 850; } .shima-archive-page .woocommerce-pagination ul.page-numbers .current { border-color: var(--shima-ds-green); background: var(--shima-ds-green); color: #fff; } /* ---------- Single product ---------- */ .shima-product-page .shima-product-hero { gap: 17px; align-items: stretch; } .shima-product-page .shima-product-gallery, .shima-product-page .shima-product-summary { border: 1px solid var(--shima-ds-line); border-radius: 22px; background: #fff; box-shadow: var(--shima-ds-shadow); } .shima-product-page .shima-product-summary { padding: 26px 27px 22px; } .shima-product-page .shima-product-summary h1 { max-width: 100%; font-size: clamp(22px, 1.65vw, 28px); line-height: 1.68; font-weight: 950; letter-spacing: -.01em; } .shima-product-page .shima-product-badges { gap: 7px; } .shima-product-page .shima-badge { min-height: 34px; padding-inline: 11px; border-radius: 999px; font-size: 9.5px; font-weight: 900; } .shima-product-page .shima-summary-price { margin-top: 11px; } .shima-product-page .shima-summary-price span, .shima-product-page .shima-min-order { font-size: 11.5px; font-weight: 850; } .shima-product-page .shima-summary-price strong { color: var(--shima-ds-green); font-size: clamp(22px, 1.65vw, 27px); font-weight: 950; } .shima-product-page .shima-short-description { color: #5b6a62; font-size: 11.8px; line-height: 2; font-weight: 600; } .shima-product-page .shima-add-to-cart-wrap { padding-top: 2px; } .shima-product-page .shima-product-assurance { border-color: #d8e7de; border-radius: 15px; background: linear-gradient(180deg,#f8fcf9,#f1f8f4); } .shima-product-page .shima-product-assurance > div { min-height: 78px; } .shima-product-page .shima-product-assurance strong { font-size: 11.5px; font-weight: 950; } .shima-product-page .shima-product-assurance small { font-size: 9.8px; font-weight: 800; } .shima-product-page .shima-detail-block, .shima-product-page .shima-related-card { border-color: var(--shima-ds-line); box-shadow: 0 9px 25px rgba(15,44,29,.035); } /* ---------- Quick order: unify with the commerce system ---------- */ .shima-quick-order-page .shima-qo-hero, .shima-quick-order-page .shima-qo-summary-card, .shima-quick-order-page .shima-qo-results, .shima-quick-order-page .shima-qo-access-card { border-color: var(--shima-ds-line); } .shima-quick-order-page .shima-qo-summary-card, .shima-quick-order-page .shima-qo-results { box-shadow: var(--shima-ds-shadow); } .shima-quick-order-page .shima-qo-results.has-submit-error { animation: shima-qo-attention .35s ease 2; border-color: #e6b45b; } .shima-quick-order-page .shima-quick-order-form.is-submitting { opacity: .92; } @keyframes shima-qo-attention { 50% { transform: translateX(-2px); } } /* ---------- Cart / checkout premium unification ---------- */ .shima-transaction-page .shima-transaction-head { min-height: 130px; padding: 23px 27px; border: 1px solid var(--shima-ds-line); border-radius: 22px; background: radial-gradient(circle at 10% 22%, rgba(8,123,67,.075), transparent 17rem), linear-gradient(135deg,#f0faf4,#fff 72%); box-shadow: var(--shima-ds-shadow); } .shima-transaction-page .shima-transaction-head h1 { color: var(--shima-ds-green-deep); font-size: clamp(24px, 2vw, 31px); font-weight: 950; } .shima-transaction-page .shima-transaction-head p { color: #58675f; font-size: 11.8px; line-height: 1.95; font-weight: 650; } .shima-transaction-page .shima-transaction-badges { gap: 8px; } .shima-transaction-page .shima-transaction-badges > span { min-height: 38px; padding-inline: 12px; border: 1px solid #d9e7df; border-radius: 999px; background: rgba(255,255,255,.9); color: #415148; font-size: 10px; font-weight: 900; } .shima-transaction-page .shima-checkout-progress { min-height: 82px; margin-top: 13px; padding: 7px; border: 1px solid var(--shima-ds-line); border-radius: 17px; background: #fff; box-shadow: 0 7px 22px rgba(15,44,29,.03); } .shima-transaction-page .shima-checkout-progress > div { border-radius: 12px; } .shima-transaction-page .shima-checkout-progress > div.is-active { background: linear-gradient(180deg,#f0faf4,#eaf7ef); } .shima-transaction-page .shima-checkout-progress > div.is-active > span, .shima-transaction-page .shima-checkout-progress > div.is-done > span { background: var(--shima-ds-green); color: #fff; } .shima-transaction-page .shima-checkout-progress strong { font-size: 11px; font-weight: 950; } .shima-transaction-page .shima-checkout-progress small { color: #728078; font-size: 8.8px; font-weight: 750; } .shima-transaction-page .shima-transaction-content { margin-top: 14px; } /* WooCommerce Blocks */ .shima-transaction-page .shima-transaction-content .wc-block-components-sidebar-layout { gap: 16px !important; } .shima-transaction-page .shima-transaction-content .wc-block-cart__main, .shima-transaction-page .shima-transaction-content .wc-block-checkout__main, .shima-transaction-page .shima-transaction-content .wc-block-cart__sidebar, .shima-transaction-page .shima-transaction-content .wc-block-checkout__sidebar, .shima-transaction-page .shima-transaction-content .wc-block-components-order-summary, .shima-transaction-page .shima-transaction-content .wc-block-components-checkout-step { border: 1px solid var(--shima-ds-line) !important; border-radius: 20px !important; background: #fff !important; box-shadow: var(--shima-ds-shadow) !important; } .shima-transaction-page .shima-transaction-content .wc-block-cart__main, .shima-transaction-page .shima-transaction-content .wc-block-checkout__main, .shima-transaction-page .shima-transaction-content .wc-block-cart__sidebar, .shima-transaction-page .shima-transaction-content .wc-block-checkout__sidebar { padding: 18px !important; } .shima-transaction-page .wc-block-components-title, .shima-transaction-page .wc-block-components-checkout-step__heading { color: var(--shima-ds-ink) !important; font-size: 15px !important; font-weight: 950 !important; } .shima-transaction-page .wc-block-components-text-input input, .shima-transaction-page .wc-block-components-combobox .wc-block-components-combobox-control input, .shima-transaction-page .wc-block-components-address-form input, .shima-transaction-page .wc-block-components-address-form select, .shima-transaction-page .wc-block-components-textarea { border-color: #d7e4dc !important; border-radius: 12px !important; background: #fbfdfc !important; } .shima-transaction-page .wc-block-components-text-input input:focus, .shima-transaction-page .wc-block-components-combobox .wc-block-components-combobox-control input:focus, .shima-transaction-page .wc-block-components-address-form input:focus, .shima-transaction-page .wc-block-components-address-form select:focus, .shima-transaction-page .wc-block-components-textarea:focus { border-color: #94c7a7 !important; box-shadow: var(--shima-ds-ring) !important; } .shima-transaction-page .wc-block-components-button, .shima-transaction-page .wc-block-cart__submit-button, .shima-transaction-page .wc-block-components-checkout-place-order-button { min-height: 48px !important; border-radius: 12px !important; background: linear-gradient(135deg,var(--shima-ds-green-2),var(--shima-ds-green)) !important; color: #fff !important; font-size: 11.5px !important; font-weight: 950 !important; box-shadow: 0 8px 20px rgba(8,123,67,.13) !important; } .shima-transaction-page .wc-block-cart-item__image img, .shima-transaction-page .wc-block-components-order-summary-item__image img { border: 1px solid #e3ebe6 !important; border-radius: 12px !important; background: #f7faf8 !important; } .shima-transaction-page .wc-block-cart-item__product .wc-block-components-product-name, .shima-transaction-page .wc-block-components-order-summary-item__description .wc-block-components-product-name { color: #15231b !important; font-size: 11px !important; line-height: 1.8 !important; font-weight: 900 !important; } /* Classic cart */ .shima-cart-page .woocommerce-cart-form, .shima-cart-page .cart_totals, .shima-checkout-page form.woocommerce-checkout #customer_details, .shima-checkout-page form.woocommerce-checkout #order_review { border: 1px solid var(--shima-ds-line) !important; border-radius: 20px !important; background: #fff !important; box-shadow: var(--shima-ds-shadow) !important; } .shima-cart-page .woocommerce-cart-form, .shima-cart-page .cart_totals { padding: 16px; } .shima-cart-page table.shop_table, .shima-checkout-page .woocommerce-checkout-review-order-table { border-color: #e1ebe5 !important; border-radius: 14px !important; overflow: hidden; } .shima-cart-page table.shop_table th, .shima-checkout-page .woocommerce-checkout-review-order-table th { padding: 12px !important; background: #f7faf8 !important; color: #47574e !important; font-size: 10px !important; font-weight: 900 !important; } .shima-cart-page table.shop_table td, .shima-checkout-page .woocommerce-checkout-review-order-table td { padding: 12px !important; border-color: #edf2ef !important; font-size: 11px !important; } .shima-cart-page .product-thumbnail img { width: 72px !important; height: 72px !important; object-fit: contain; border: 1px solid #e2ebe6; border-radius: 12px; background: #f7faf8; } .shima-cart-page .product-name a { color: #16241c; font-size: 11px; line-height: 1.8; font-weight: 900; } .shima-cart-page .coupon .input-text, .shima-cart-page .coupon .button, .shima-cart-page button[name="update_cart"] { min-height: 42px !important; border-radius: 10px !important; } .shima-cart-page .cart_totals h2, .shima-checkout-page .woocommerce-billing-fields h3, .shima-checkout-page .woocommerce-additional-fields h3, .shima-checkout-page #order_review_heading { color: var(--shima-ds-ink); font-size: 16px; font-weight: 950; } .shima-cart-page a.checkout-button, .shima-checkout-page #place_order { min-height: 50px !important; border-radius: 12px !important; background: linear-gradient(135deg,var(--shima-ds-green-2),var(--shima-ds-green)) !important; color: #fff !important; font-size: 12px !important; font-weight: 950 !important; box-shadow: 0 8px 20px rgba(8,123,67,.14) !important; } .shima-checkout-page .form-row label { color: #35453c; font-size: 10.5px; font-weight: 900; } .shima-checkout-page .form-row input.input-text, .shima-checkout-page .form-row textarea, .shima-checkout-page .form-row select, .shima-checkout-page .select2-container--default .select2-selection--single { min-height: 45px; border: 1px solid #d7e4dc !important; border-radius: 11px !important; background: #fbfdfc !important; color: #24332a; font-size: 11px; font-weight: 700; } .shima-checkout-page .woocommerce-checkout-payment { border: 1px solid #e1ebe5 !important; border-radius: 14px !important; background: #f8fbf9 !important; } /* ---------- Responsive ---------- */ @media (max-width: 1180px) { .shima-archive-page .shima-archive-grid { grid-template-columns: repeat(3,minmax(0,1fr)); } .shima-storefront-ui-active .shima-container { width: min(100% - 26px, 1180px); } } @media (max-width: 900px) { .shima-archive-page .shima-archive-head, .shima-transaction-page .shima-transaction-head { min-height: 0; } .shima-archive-page .shima-archive-grid { grid-template-columns: repeat(2,minmax(0,1fr)); } .shima-product-page .shima-product-hero { gap: 12px; } } @media (max-width: 760px) { .shima-storefront-ui-active .shima-container { width: min(100% - 20px, 720px); } .shima-storefront-ui-active .shima-main { padding-bottom: 72px; } /* Catalogue mobile */ .shima-archive-page .shima-archive-head { padding: 17px 15px; border-radius: 17px; } .shima-archive-page .shima-archive-head h1 { font-size: 20px; } .shima-archive-page .shima-archive-head p { font-size: 10.5px; } .shima-archive-page .shima-archive-ordering select { width: 100%; min-width: 0; min-height: 42px; font-size: 10.5px; } .shima-archive-page .shima-category-chips { display: flex; flex-wrap: nowrap; overflow-x: auto; gap: 7px; scrollbar-width: none; } .shima-archive-page .shima-category-chips::-webkit-scrollbar { display:none; } .shima-archive-page .shima-category-chips a { flex: 0 0 auto; min-height: 37px; padding-inline: 12px; font-size: 9.7px; } .shima-archive-page .shima-archive-grid { grid-template-columns: repeat(2,minmax(0,1fr)); gap: 8px; } .shima-archive-page .shima-product-card { border-radius: 14px; } .shima-archive-page .shima-product-image { margin: 5px; border-radius: 11px; } .shima-archive-page .shima-product-card-body { gap: 5px; padding: 6px 8px 9px; } .shima-archive-page .shima-product-card h2 { min-height: 36px; font-size: 9.6px; line-height: 1.82; } .shima-archive-page .shima-product-price { font-size: 8.2px; } .shima-archive-page .shima-product-price strong { font-size: 9.5px; } .shima-archive-page .shima-product-card-meta { display: grid; gap: 4px; padding: 6px; font-size: 7.8px; } .shima-archive-page .shima-btn-block { min-height: 36px; font-size: 8.8px; } /* Product mobile */ .shima-product-page .shima-product-summary { padding: 18px 15px 15px; } .shima-product-page .shima-product-summary h1 { font-size: 21px; line-height: 1.72; } .shima-product-page .shima-summary-price strong { font-size: 21px; } .shima-product-page .shima-product-assurance > div { min-height: 65px; } .shima-product-page .shima-product-assurance strong { font-size: 9.8px; } .shima-product-page .shima-product-assurance small { font-size: 8px; } /* Cart/checkout mobile */ .shima-transaction-page .shima-transaction-head { padding: 17px 15px; border-radius: 17px; } .shima-transaction-page .shima-transaction-head h1 { font-size: 20px; } .shima-transaction-page .shima-transaction-head p { font-size: 10.5px; } .shima-transaction-page .shima-transaction-badges { width: 100%; display: flex; flex-wrap: wrap; } .shima-transaction-page .shima-transaction-badges > span { min-height: 34px; font-size: 9px; } .shima-transaction-page .shima-checkout-progress { min-height: 68px; padding: 5px; border-radius: 14px; } .shima-transaction-page .shima-checkout-progress strong { font-size: 9px; } .shima-transaction-page .shima-checkout-progress small { font-size: 7.5px; } .shima-transaction-page .shima-transaction-content .wc-block-cart__main, .shima-transaction-page .shima-transaction-content .wc-block-checkout__main, .shima-transaction-page .shima-transaction-content .wc-block-cart__sidebar, .shima-transaction-page .shima-transaction-content .wc-block-checkout__sidebar { padding: 12px !important; border-radius: 15px !important; } .shima-transaction-page .wc-block-components-title, .shima-transaction-page .wc-block-components-checkout-step__heading { font-size: 13px !important; } .shima-cart-page .woocommerce-cart-form, .shima-cart-page .cart_totals, .shima-checkout-page form.woocommerce-checkout #customer_details, .shima-checkout-page form.woocommerce-checkout #order_review { border-radius: 15px !important; } } @media (max-width: 480px) { .shima-archive-page .shima-archive-grid { grid-template-columns: 1fr 1fr; } .shima-product-page .shima-product-summary h1 { font-size: 19.5px; } } @media (prefers-reduced-motion: reduce) { .shima-storefront-ui-active *, .shima-storefront-ui-active *::before, .shima-storefront-ui-active *::after { scroll-behavior: auto !important; animation-duration: .01ms !important; animation-iteration-count: 1 !important; transition-duration: .01ms !important; } } /* ======================================================================
   SHIMA STOREFRONT UI 2.6.1 — Hero benefit alignment + cart layout balance
   Focus: home hero benefit cards, cart/checkout column consistency, classic
   cart proportions, and safer responsive collapse for RTL.
   ====================================================================== */ /* ---------- Home hero benefit cards: equal height, fixed icon rhythm ---------- */ .shima-home-v2 .shima-home2-hero-benefits { width: 44%; min-height: 82px; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); align-items: stretch; background: linear-gradient(180deg, rgba(248,252,249,.98), rgba(239,247,242,.96)); border-top: 1px solid rgba(8,123,67,.10); box-shadow: inset 0 1px 0 rgba(255,255,255,.6); } .shima-home-v2 .shima-home2-hero-benefits > div { min-width: 0; min-height: 82px; display: grid; grid-template-columns: 22px minmax(0, 1fr); align-content: center; align-items: center; justify-content: start; gap: 9px; padding: 14px 16px; color: #0a7a47; text-align: right; border-left: 1px solid rgba(8,123,67,.08); } .shima-home-v2 .shima-home2-hero-benefits > div:last-child { border-left: 0; } .shima-home-v2 .shima-home2-hero-benefits svg { width: 19px !important; height: 19px !important; align-self: center; justify-self: center; } .shima-home-v2 .shima-home2-hero-benefits span { display: flex; flex-direction: column; align-items: flex-start; justify-content: center; gap: 4px; min-width: 0; } .shima-home-v2 .shima-home2-hero-benefits strong { margin: 0; color: #102019; font-size: 11.4px; line-height: 1.45; font-weight: 950; } .shima-home-v2 .shima-home2-hero-benefits small { display: block; margin: 0; color: #66756d; font-size: 9.25px; line-height: 1.65; font-weight: 850; white-space: normal; overflow: visible; text-overflow: clip; } /* ---------- Cart / checkout: stable two-column grid in RTL ---------- */ .shima-transaction-page .shima-transaction-content .wc-block-components-sidebar-layout { display: grid !important; grid-template-columns: minmax(0, 1.4fr) minmax(300px, .72fr); grid-template-areas: "main sidebar"; align-items: start !important; gap: 18px !important; } .shima-cart-page .shima-transaction-content .wc-block-cart__main, .shima-checkout-page .shima-transaction-content .wc-block-checkout__main { grid-area: main; min-width: 0; align-self: start; } .shima-cart-page .shima-transaction-content .wc-block-cart__sidebar, .shima-checkout-page .shima-transaction-content .wc-block-checkout__sidebar { grid-area: sidebar; min-width: 0; align-self: start; position: sticky; top: 96px; } .shima-transaction-page .shima-transaction-content .wc-block-cart-items, .shima-transaction-page .shima-transaction-content .wc-block-components-order-summary, .shima-transaction-page .shima-transaction-content .wc-block-components-totals-wrapper { margin-top: 0 !important; } .shima-transaction-page .shima-transaction-content .wc-block-components-order-summary, .shima-transaction-page .shima-transaction-content .wc-block-components-totals-wrapper, .shima-transaction-page .shima-transaction-content .wc-block-cart-item__wrap, .shima-transaction-page .shima-transaction-content .wc-block-components-order-summary-item__description { min-width: 0; } .shima-transaction-page .shima-transaction-content .wc-block-cart-items__row, .shima-transaction-page .shima-transaction-content .wc-block-components-order-summary-item { align-items: center !important; } /* ---------- Classic WooCommerce cart: premium balanced columns ---------- */ .shima-cart-page .shima-cart-content .woocommerce { display: grid; grid-template-columns: minmax(0, 1.4fr) minmax(300px, .72fr); gap: 18px; align-items: start; } .shima-cart-page .shima-cart-content .woocommerce::after { content: ""; display: block; clear: both; } .shima-cart-page .shima-cart-content .woocommerce-cart-form { grid-column: 1; margin: 0 !important; } .shima-cart-page .shima-cart-content .cart-collaterals { grid-column: 2; width: 100%; margin: 0 !important; } .shima-cart-page .shima-cart-content .cart-collaterals .cart_totals, .shima-cart-page .shima-cart-content > .cart_totals { width: 100% !important; float: none !important; margin: 0 !important; position: sticky; top: 96px; } .shima-cart-page .shima-cart-content .cart_totals table.shop_table { margin-top: 12px !important; } .shima-cart-page .shima-cart-content .cart_totals .wc-proceed-to-checkout { margin-bottom: 0 !important; } /* ---------- Responsive collapse ---------- */ @media (max-width: 1180px) { .shima-home-v2 .shima-home2-hero-benefits { width: 48%; } } @media (max-width: 980px) { .shima-transaction-page .shima-transaction-content .wc-block-components-sidebar-layout, .shima-cart-page .shima-cart-content .woocommerce { grid-template-columns: 1fr; grid-template-areas: "main" "sidebar"; } .shima-cart-page .shima-cart-content .cart-collaterals, .shima-cart-page .shima-cart-content .woocommerce-cart-form { grid-column: auto; } .shima-cart-page .shima-cart-content .cart-collaterals .cart_totals, .shima-cart-page .shima-cart-content > .cart_totals, .shima-cart-page .shima-transaction-content .wc-block-cart__sidebar, .shima-checkout-page .shima-transaction-content .wc-block-checkout__sidebar { position: static; top: auto; } } @media (max-width: 900px) { .shima-home-v2 .shima-home2-hero-benefits { width: 100%; min-height: 0; } } @media (max-width: 760px) { .shima-home-v2 .shima-home2-hero-benefits { grid-template-columns: repeat(3, minmax(0, 1fr)); } .shima-home-v2 .shima-home2-hero-benefits > div { min-height: 76px; grid-template-columns: 1fr; gap: 5px; padding: 10px 8px; justify-items: center; text-align: center; } .shima-home-v2 .shima-home2-hero-benefits span { align-items: center; gap: 3px; } .shima-home-v2 .shima-home2-hero-benefits strong { font-size: 9.8px; } .shima-home-v2 .shima-home2-hero-benefits small { font-size: 7.9px; line-height: 1.55; } } @media (max-width: 480px) { .shima-home-v2 .shima-home2-hero-benefits { grid-template-columns: 1fr; } .shima-home-v2 .shima-home2-hero-benefits > div { grid-template-columns: 20px minmax(0, 1fr); justify-items: stretch; text-align: right; } .shima-home-v2 .shima-home2-hero-benefits span { align-items: flex-start; } } /* ======================================================================
   SHIMA STOREFRONT UI 2.6.2 — Final hero benefits alignment refinement
   Focus: stricter RTL alignment and cleaner premium balance for the three
   hero boxes: فقط فروش عمده / موجودی به‌روز / ارسال سریع
   ====================================================================== */ .shima-home-v2 .shima-home2-hero-benefits { width: 44%; min-height: 92px; align-items: stretch; overflow: hidden; border-top: 1px solid rgba(8,123,67,.10); background: linear-gradient(180deg, rgba(248,252,249,.98), rgba(240,248,243,.97)); box-shadow: inset 0 1px 0 rgba(255,255,255,.7); } .shima-home-v2 .shima-home2-hero-benefits > div { min-height: 92px; display: flex; flex-direction: row-reverse; align-items: center; justify-content: flex-start; gap: 11px; padding: 16px 18px; text-align: right; border-left: 1px solid rgba(8,123,67,.08); } .shima-home-v2 .shima-home2-hero-benefits > div:last-child { border-left: 0; } .shima-home-v2 .shima-home2-hero-benefits svg { width: 20px !important; height: 20px !important; flex: 0 0 20px; align-self: center; } .shima-home-v2 .shima-home2-hero-benefits span { display: flex; flex-direction: column; align-items: flex-start; justify-content: center; gap: 4px; min-width: 0; width: 100%; } .shima-home-v2 .shima-home2-hero-benefits strong, .shima-home-v2 .shima-home2-hero-benefits small { display: block; width: 100%; margin: 0; white-space: normal; overflow: visible; text-overflow: clip; } .shima-home-v2 .shima-home2-hero-benefits strong { color: #102019; font-size: 12.2px; line-height: 1.45; font-weight: 950; } .shima-home-v2 .shima-home2-hero-benefits small { color: #66756d; font-size: 9.6px; line-height: 1.65; font-weight: 850; } @media (max-width: 980px) { .shima-home-v2 .shima-home2-hero-benefits { width: 100%; } } @media (max-width: 760px) { .shima-home-v2 .shima-home2-hero-benefits { min-height: 0; } .shima-home-v2 .shima-home2-hero-benefits > div { min-height: 78px; flex-direction: column; justify-content: center; gap: 6px; padding: 10px 8px; text-align: center; } .shima-home-v2 .shima-home2-hero-benefits span { align-items: center; gap: 3px; } .shima-home-v2 .shima-home2-hero-benefits strong { font-size: 10.1px; line-height: 1.4; } .shima-home-v2 .shima-home2-hero-benefits small { font-size: 8.1px; line-height: 1.5; } } @media (max-width: 480px) { .shima-home-v2 .shima-home2-hero-benefits { grid-template-columns: 1fr; } .shima-home-v2 .shima-home2-hero-benefits > div { min-height: 66px; flex-direction: row-reverse; justify-content: flex-start; text-align: right; padding: 10px 12px; } .shima-home-v2 .shima-home2-hero-benefits span { align-items: flex-start; } .shima-home-v2 .shima-home2-hero-benefits small { display: block; } } /* ======================================================================
   SHIMA STOREFRONT UI 2.6.3 — hero benefit boxes final senior alignment
   Reason: fix remaining imbalance/overlap in the 3 boxes below hero CTA.
   ====================================================================== */ .shima-home-v2 .shima-home2-copy { padding-bottom: 138px; } .shima-home-v2 .shima-home2-note { position: relative; z-index: 6; margin-top: 16px; margin-bottom: 12px; } .shima-home-v2 .shima-home2-hero-benefits { right: 0; bottom: 0; width: 45%; min-height: 112px; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); align-items: stretch; overflow: hidden; border-top: 1px solid rgba(8,123,67,.10); border-right: 0; border-bottom: 0; background: linear-gradient(180deg, rgba(249,252,250,.98), rgba(241,248,244,.98)); box-shadow: 0 -8px 22px rgba(10,59,36,.035), inset 0 1px 0 rgba(255,255,255,.9); } .shima-home-v2 .shima-home2-hero-benefits > div { min-height: 112px; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 8px; padding: 14px 10px 12px; text-align: center; border-left: 1px solid rgba(8,123,67,.08); } .shima-home-v2 .shima-home2-hero-benefits > div:last-child { border-left: 0; } .shima-home-v2 .shima-home2-hero-benefits svg { width: 21px !important; height: 21px !important; flex: 0 0 21px; } .shima-home-v2 .shima-home2-hero-benefits span { width: 100%; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 4px; text-align: center; } .shima-home-v2 .shima-home2-hero-benefits strong, .shima-home-v2 .shima-home2-hero-benefits small { display: block; width: 100%; margin: 0; white-space: normal; overflow: visible; text-overflow: clip; } .shima-home-v2 .shima-home2-hero-benefits strong { color: #132118; font-size: 12.5px; line-height: 1.42; font-weight: 950; } .shima-home-v2 .shima-home2-hero-benefits small { color: #66756d; font-size: 9.7px; line-height: 1.62; font-weight: 820; } @media (max-width: 1180px) { .shima-home-v2 .shima-home2-copy { padding-bottom: 126px; } .shima-home-v2 .shima-home2-hero-benefits { width: 47%; } } @media (max-width: 980px) { .shima-home-v2 .shima-home2-copy { padding-bottom: 28px; } .shima-home-v2 .shima-home2-note { margin-bottom: 0; } .shima-home-v2 .shima-home2-hero-benefits { width: 100%; min-height: 92px; } .shima-home-v2 .shima-home2-hero-benefits > div { min-height: 92px; } } @media (max-width: 760px) { .shima-home-v2 .shima-home2-hero-benefits { min-height: 0; } .shima-home-v2 .shima-home2-hero-benefits > div { min-height: 82px; padding: 10px 8px; gap: 6px; } .shima-home-v2 .shima-home2-hero-benefits strong { font-size: 10.3px; } .shima-home-v2 .shima-home2-hero-benefits small { font-size: 8.2px; } } @media (max-width: 480px) { .shima-home-v2 .shima-home2-hero-benefits { grid-template-columns: 1fr; } .shima-home-v2 .shima-home2-hero-benefits > div { min-height: 68px; flex-direction: row-reverse; justify-content: flex-start; text-align: right; padding: 10px 12px; } .shima-home-v2 .shima-home2-hero-benefits span { align-items: flex-start; text-align: right; } } /* ======================================================================
   SHIMA STOREFRONT UI 2.6.4 — hero benefits inset panel / protrusion fix
   Reason: remove the grey bar protrusion and align the benefits strip cleanly
   inside the hero on desktop.
   ====================================================================== */ .shima-home-v2 .shima-home2-copy { padding-bottom: 154px; } .shima-home-v2 .shima-home2-hero-benefits { position: absolute; right: 22px; bottom: 18px; width: 43%; min-height: 108px; overflow: hidden; border: 1px solid rgba(8,123,67,.10); border-radius: 20px; background: linear-gradient(180deg, rgba(251,253,252,.98), rgba(242,248,244,.98)); box-shadow: 0 16px 34px rgba(10,59,36,.055), inset 0 1px 0 rgba(255,255,255,.92); } .shima-home-v2 .shima-home2-hero-benefits > div { min-height: 108px; padding: 14px 12px; } @media (max-width: 1280px) { .shima-home-v2 .shima-home2-copy { padding-bottom: 146px; } .shima-home-v2 .shima-home2-hero-benefits { right: 18px; bottom: 16px; width: 44%; } } @media (max-width: 1180px) { .shima-home-v2 .shima-home2-copy { padding-bottom: 138px; } .shima-home-v2 .shima-home2-hero-benefits { width: 45%; min-height: 102px; } .shima-home-v2 .shima-home2-hero-benefits > div { min-height: 102px; } } @media (max-width: 980px) { .shima-home-v2 .shima-home2-copy { padding-bottom: 28px; } .shima-home-v2 .shima-home2-hero-benefits { right: 0; bottom: 0; width: 100%; min-height: 92px; border-right: 0; border-left: 0; border-bottom: 0; border-radius: 0; box-shadow: inset 0 1px 0 rgba(255,255,255,.85); } } /* ======================================================================
   SHIMA STOREFRONT UI 2.6.5 — definitive hero benefits realignment
   Move the benefits panel inside the hero copy column so it cannot protrude
   or drift out of alignment. This creates a stable premium layout.
   ====================================================================== */ .shima-home-v2 .shima-home2-copy { min-height: 430px; padding: 42px 34px 28px 52px; } .shima-home-v2 .shima-home2-note { position: relative; z-index: 2; margin-top: 18px; margin-bottom: 14px; } .shima-home-v2 .shima-home2-copy > .shima-home2-hero-benefits { position: static !important; z-index: auto; width: 100% !important; min-height: 112px; margin-top: auto; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); align-items: stretch; overflow: hidden; border: 1px solid rgba(8,123,67,.10); border-radius: 22px; background: linear-gradient(180deg, rgba(252,254,253,.98), rgba(241,248,244,.98)); box-shadow: 0 18px 36px rgba(10,59,36,.055), inset 0 1px 0 rgba(255,255,255,.94); } .shima-home-v2 .shima-home2-copy > .shima-home2-hero-benefits > div { min-height: 112px; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 8px; padding: 16px 12px 14px; text-align: center; border-left: 1px solid rgba(8,123,67,.08); } .shima-home-v2 .shima-home2-copy > .shima-home2-hero-benefits > div:last-child { border-left: 0; } .shima-home-v2 .shima-home2-copy > .shima-home2-hero-benefits svg { width: 22px !important; height: 22px !important; flex: 0 0 22px; } .shima-home-v2 .shima-home2-copy > .shima-home2-hero-benefits span { width: 100%; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 4px; text-align: center; } .shima-home-v2 .shima-home2-copy > .shima-home2-hero-benefits strong, .shima-home-v2 .shima-home2-copy > .shima-home2-hero-benefits small { display: block; width: 100%; margin: 0; white-space: normal; } .shima-home-v2 .shima-home2-copy > .shima-home2-hero-benefits strong { color: #122118; font-size: 13px; line-height: 1.45; font-weight: 950; } .shima-home-v2 .shima-home2-copy > .shima-home2-hero-benefits small { color: #66756d; font-size: 10px; line-height: 1.6; font-weight: 820; } @media (max-width: 1280px) { .shima-home-v2 .shima-home2-copy { min-height: 418px; padding: 38px 28px 24px 44px; } } @media (max-width: 980px) { .shima-home-v2 .shima-home2-copy { min-height: auto; padding: 28px 24px 22px; } .shima-home-v2 .shima-home2-copy > .shima-home2-hero-benefits { min-height: 98px; } .shima-home-v2 .shima-home2-copy > .shima-home2-hero-benefits > div { min-height: 98px; padding: 12px 10px; } } @media (max-width: 760px) { .shima-home-v2 .shima-home2-copy { padding: 22px 17px 18px; } .shima-home-v2 .shima-home2-copy > .shima-home2-hero-benefits { min-height: 86px; border-radius: 18px; } .shima-home-v2 .shima-home2-copy > .shima-home2-hero-benefits > div { min-height: 86px; padding: 10px 8px; gap: 6px; } .shima-home-v2 .shima-home2-copy > .shima-home2-hero-benefits strong { font-size: 10.5px; } .shima-home-v2 .shima-home2-copy > .shima-home2-hero-benefits small { font-size: 8.3px; } } @media (max-width: 480px) { .shima-home-v2 .shima-home2-copy > .shima-home2-hero-benefits { grid-template-columns: 1fr; min-height: 0; } .shima-home-v2 .shima-home2-copy > .shima-home2-hero-benefits > div { min-height: 68px; flex-direction: row-reverse; justify-content: flex-start; text-align: right; padding: 10px 12px; border-left: 0; border-top: 1px solid rgba(8,123,67,.08); } .shima-home-v2 .shima-home2-copy > .shima-home2-hero-benefits > div:first-child { border-top: 0; } .shima-home-v2 .shima-home2-copy > .shima-home2-hero-benefits span { align-items: flex-start; text-align: right; } } /* ======================================================================
   SHIMA STOREFRONT UI 2.6.6 — premium wholesale cart rebalancing
   Focus: remove awkward empty space, normalize typography, strengthen
   cart/summary proportions, and create a cleaner premium cart experience.
   ====================================================================== */ /* ---------- Cart page: stronger page rhythm ---------- */ .shima-cart-page .shima-transaction-head { min-height: 152px; padding: 28px 30px; border-radius: 24px; } .shima-cart-page .shima-transaction-head h1 { margin: 8px 0 6px; font-size: clamp(28px, 2.2vw, 36px); line-height: 1.32; } .shima-cart-page .shima-transaction-head p { max-width: 720px; font-size: 13px; line-height: 1.95; font-weight: 760; } .shima-cart-page .shima-transaction-badges { gap: 10px; } .shima-cart-page .shima-transaction-badges > span { min-height: 42px; padding-inline: 14px; font-size: 11.5px; font-weight: 900; } .shima-cart-page .shima-checkout-progress { min-height: 92px; margin-top: 14px; padding: 10px; border-radius: 20px; } .shima-cart-page .shima-checkout-progress > div { min-height: 68px; padding: 8px 16px; } .shima-cart-page .shima-checkout-progress strong { font-size: 12.5px; } .shima-cart-page .shima-checkout-progress small { font-size: 10px; } .shima-cart-page .shima-transaction-content { margin-top: 18px; } /* ---------- WooCommerce Blocks cart: balanced premium columns ---------- */ .shima-cart-page .shima-transaction-content .wc-block-components-sidebar-layout { display: grid !important; grid-template-columns: minmax(0, 1.62fr) minmax(360px, .86fr); grid-template-areas: "main sidebar"; gap: 22px !important; align-items: start !important; } .shima-cart-page .shima-transaction-content .wc-block-cart__main, .shima-cart-page .shima-transaction-content .wc-block-cart__sidebar { padding: 24px !important; border-radius: 22px !important; } .shima-cart-page .shima-transaction-content .wc-block-cart__main { background: linear-gradient(180deg, #ffffff, #fcfefd) !important; } .shima-cart-page .shima-transaction-content .wc-block-cart__sidebar { background: linear-gradient(180deg, #ffffff, #f4faf6) !important; } .shima-cart-page .shima-transaction-content .wc-block-cart__main > *, .shima-cart-page .shima-transaction-content .wc-block-cart__sidebar > * { max-width: 100%; } .shima-cart-page .shima-transaction-content .wc-block-cart-items__header { margin-bottom: 14px !important; padding-bottom: 10px !important; border-bottom: 1px solid #e6eee9 !important; } .shima-cart-page .shima-transaction-content .wc-block-cart-items__header, .shima-cart-page .shima-transaction-content .wc-block-cart-items__header span { color: #44554c !important; font-size: 12px !important; font-weight: 900 !important; } .shima-cart-page .shima-transaction-content .wc-block-cart-items__row { margin: 0 0 14px !important; padding: 16px 18px !important; border: 1px solid #e4ede8 !important; border-radius: 18px !important; background: linear-gradient(180deg, #ffffff, #fbfdfc) !important; box-shadow: 0 10px 22px rgba(14, 46, 28, .04) !important; } .shima-cart-page .shima-transaction-content .wc-block-cart-items__row:last-child { margin-bottom: 0 !important; } .shima-cart-page .shima-transaction-content .wc-block-cart-item__image { align-self: center !important; } .shima-cart-page .shima-transaction-content .wc-block-cart-item__image img { width: 84px !important; max-width: 84px !important; border-radius: 14px !important; } .shima-cart-page .shima-transaction-content .wc-block-cart-item__product { min-width: 0; } .shima-cart-page .shima-transaction-content .wc-block-cart-item__product .wc-block-components-product-name, .shima-cart-page .shima-transaction-content .wc-block-components-order-summary-item__description .wc-block-components-product-name { font-size: 13.2px !important; line-height: 1.85 !important; font-weight: 900 !important; } .shima-cart-page .shima-transaction-content .wc-block-cart-item__prices, .shima-cart-page .shima-transaction-content .wc-block-components-product-metadata, .shima-cart-page .shima-transaction-content .wc-block-components-product-details, .shima-cart-page .shima-transaction-content .wc-block-components-order-summary-item__quantity { color: #6a786f !important; font-size: 11px !important; line-height: 1.8 !important; font-weight: 760 !important; } .shima-cart-page .shima-transaction-content .wc-block-components-product-price, .shima-cart-page .shima-transaction-content .wc-block-components-formatted-money-amount, .shima-cart-page .shima-transaction-content .wc-block-components-totals-item__value { font-size: 13.5px !important; font-weight: 950 !important; } .shima-cart-page .shima-transaction-content .wc-block-cart-item__totals { align-self: center !important; } .shima-cart-page .shima-transaction-content .wc-block-cart-item__remove-link { font-size: 0 !important; position: relative; } .shima-cart-page .shima-transaction-content .wc-block-cart-item__remove-link::after { content: "حذف"; font-size: 11px; font-weight: 900; color: #d45050; } .shima-cart-page .shima-transaction-content .wc-block-components-quantity-selector { min-height: 48px !important; border: 1px solid #dce7e1 !important; border-radius: 14px !important; background: #f7fbf8 !important; overflow: hidden !important; } .shima-cart-page .shima-transaction-content .wc-block-components-quantity-selector::after { display: none !important; } .shima-cart-page .shima-transaction-content .wc-block-components-quantity-selector input { min-height: 46px !important; color: #112019 !important; font-size: 18px !important; font-weight: 950 !important; background: transparent !important; } .shima-cart-page .shima-transaction-content .wc-block-components-quantity-selector button { width: 42px !important; min-width: 42px !important; color: #3f5047 !important; } .shima-cart-page .shima-transaction-content .wc-block-components-order-summary { padding: 0 !important; border: 0 !important; border-radius: 0 !important; background: transparent !important; box-shadow: none !important; } .shima-cart-page .shima-transaction-content .wc-block-components-order-summary-heading, .shima-cart-page .shima-transaction-content .wc-block-components-title { margin-bottom: 10px !important; } .shima-cart-page .shima-transaction-content .wc-block-components-order-summary-item { padding: 12px 0 !important; border-bottom: 1px solid #edf3ef !important; } .shima-cart-page .shima-transaction-content .wc-block-components-order-summary-item:last-child { border-bottom: 0 !important; } .shima-cart-page .shima-transaction-content .wc-block-components-totals-wrapper { margin-top: 16px !important; padding-top: 16px !important; border-top: 1px solid #e4ece8 !important; border-radius: 0 !important; background: transparent !important; box-shadow: none !important; } .shima-cart-page .shima-transaction-content .wc-block-components-totals-item { padding: 8px 0 !important; } .shima-cart-page .shima-transaction-content .wc-block-components-totals-item__label { color: #45554c !important; font-size: 12px !important; font-weight: 850 !important; } .shima-cart-page .shima-transaction-content .wc-block-components-totals-footer-item .wc-block-components-totals-item__label, .shima-cart-page .shima-transaction-content .wc-block-components-totals-footer-item .wc-block-components-totals-item__value { color: #102019 !important; font-size: 16px !important; font-weight: 950 !important; } .shima-cart-page .shima-transaction-content .wc-block-cart__submit-button { width: 100% !important; min-height: 56px !important; margin-top: 14px !important; font-size: 14px !important; border-radius: 14px !important; } .shima-cart-page .shima-transaction-content .wc-block-components-panel { margin-top: 12px !important; border-radius: 16px !important; } /* ---------- Classic WooCommerce cart: remove disproportion and whitespace ---------- */ .shima-cart-page .shima-cart-content .woocommerce { display: grid; grid-template-columns: minmax(0, 1.62fr) minmax(360px, .86fr); gap: 22px; align-items: start; } .shima-cart-page .woocommerce-cart-form, .shima-cart-page .cart_totals { padding: 22px !important; border-radius: 22px !important; } .shima-cart-page .woocommerce-cart-form { margin: 0 !important; background: linear-gradient(180deg, #ffffff, #fcfefd) !important; } .shima-cart-page .cart-collaterals { width: 100%; margin: 0 !important; } .shima-cart-page .cart_totals { position: sticky; top: 96px; width: 100% !important; float: none !important; margin: 0 !important; background: linear-gradient(180deg, #ffffff, #f4faf6) !important; } .shima-cart-page table.shop_table { border-radius: 16px !important; overflow: hidden; } .shima-cart-page table.shop_table th { padding: 14px 12px !important; font-size: 11.5px !important; } .shima-cart-page table.shop_table td { padding: 15px 12px !important; font-size: 12.5px !important; vertical-align: middle !important; } .shima-cart-page .product-thumbnail img { width: 86px !important; height: 86px !important; border-radius: 14px !important; } .shima-cart-page .product-name a { font-size: 13px !important; line-height: 1.85 !important; } .shima-cart-page .quantity .qty { min-height: 46px !important; border-radius: 12px !important; font-size: 15px !important; font-weight: 900 !important; } .shima-cart-page .cart_totals table.shop_table th, .shima-cart-page .cart_totals table.shop_table td { font-size: 12px !important; } .shima-cart-page .cart_totals .order-total th, .shima-cart-page .cart_totals .order-total td { font-size: 15px !important; font-weight: 950 !important; } .shima-cart-page a.checkout-button { width: 100% !important; min-height: 56px !important; margin-top: 14px !important; font-size: 14px !important; border-radius: 14px !important; } /* ---------- Responsive cart refinement ---------- */ @media (max-width: 1180px) { .shima-cart-page .shima-transaction-content .wc-block-components-sidebar-layout, .shima-cart-page .shima-cart-content .woocommerce { grid-template-columns: minmax(0, 1.5fr) minmax(320px, .9fr); } } @media (max-width: 980px) { .shima-cart-page .shima-transaction-head { min-height: 0; padding: 22px 18px; } .shima-cart-page .shima-transaction-head h1 { font-size: 24px; } .shima-cart-page .shima-transaction-head p { font-size: 11.5px; } .shima-cart-page .shima-transaction-content .wc-block-components-sidebar-layout, .shima-cart-page .shima-cart-content .woocommerce { grid-template-columns: 1fr; grid-template-areas: "main" "sidebar"; } .shima-cart-page .shima-transaction-content .wc-block-cart__sidebar, .shima-cart-page .cart_totals { position: static !important; top: auto !important; } } @media (max-width: 680px) { .shima-cart-page .shima-checkout-progress { padding: 8px; } .shima-cart-page .shima-checkout-progress > div { min-height: 62px; padding: 8px 10px; } .shima-cart-page .shima-transaction-content .wc-block-cart__main, .shima-cart-page .shima-transaction-content .wc-block-cart__sidebar, .shima-cart-page .woocommerce-cart-form, .shima-cart-page .cart_totals { padding: 16px !important; border-radius: 18px !important; } .shima-cart-page .shima-transaction-content .wc-block-cart-items__row { padding: 14px 12px !important; border-radius: 16px !important; } .shima-cart-page .shima-transaction-content .wc-block-cart-item__image img, .shima-cart-page .product-thumbnail img { width: 72px !important; height: 72px !important; } .shima-cart-page .shima-transaction-content .wc-block-cart-item__product .wc-block-components-product-name, .shima-cart-page .product-name a { font-size: 12px !important; } .shima-cart-page .shima-transaction-content .wc-block-cart__submit-button, .shima-cart-page a.checkout-button { min-height: 52px !important; font-size: 13px !important; } } /* ======================================================================
   SHIMA STOREFRONT UI 2.6.7 — cart box proportion and alignment fix
   Focus: correct mismatched product/total boxes, remove narrow summary card,
   align both columns visually, and make the wholesale cart feel premium.
   ====================================================================== */ /* --- Shared two-column balance for cart page --- */ .shima-cart-page .shima-transaction-content { align-items: start; } .shima-cart-page .shima-transaction-content .wc-block-components-sidebar-layout, .shima-cart-page .shima-cart-content .woocommerce { width: 100% !important; max-width: 100% !important; align-items: start !important; } .shima-cart-page .shima-transaction-content .wc-block-cart__main, .shima-cart-page .shima-transaction-content .wc-block-cart__sidebar, .shima-cart-page .shima-cart-content .woocommerce-cart-form, .shima-cart-page .shima-cart-content .cart-collaterals, .shima-cart-page .shima-cart-content > .cart_totals { width: 100% !important; max-width: none !important; min-width: 0 !important; justify-self: stretch !important; align-self: start !important; box-sizing: border-box !important; } /* --- Blocks cart: stronger and wider summary card --- */ .shima-cart-page .shima-transaction-content .wc-block-components-sidebar-layout { grid-template-columns: minmax(0, 1.34fr) minmax(360px, .98fr) !important; gap: 24px !important; } .shima-cart-page .shima-transaction-content .wc-block-cart__main, .shima-cart-page .shima-transaction-content .wc-block-cart__sidebar { min-height: 100%; padding: 24px !important; } .shima-cart-page .shima-transaction-content .wc-block-cart__sidebar { border: 1px solid #dfe9e3 !important; } .shima-cart-page .shima-transaction-content .wc-block-components-order-summary, .shima-cart-page .shima-transaction-content .wc-block-components-order-summary > *, .shima-cart-page .shima-transaction-content .wc-block-components-order-summary table { width: 100% !important; max-width: 100% !important; } .shima-cart-page .shima-transaction-content .wc-block-components-order-summary .wc-block-components-panel, .shima-cart-page .shima-transaction-content .wc-block-components-order-summary .wc-block-components-totals-wrapper { width: 100% !important; } .shima-cart-page .shima-transaction-content .wc-block-cart__submit-button { white-space: normal !important; line-height: 1.45 !important; padding: 14px 18px !important; } /* --- Classic cart: fix the narrow summary box and rebalance product box --- */ .shima-cart-page .shima-cart-content .woocommerce { grid-template-columns: minmax(0, 1.34fr) minmax(360px, .98fr) !important; gap: 24px !important; } .shima-cart-page .shima-cart-content .woocommerce-cart-form { border: 1px solid #dfe9e3 !important; } .shima-cart-page .shima-cart-content .cart-collaterals { display: block !important; width: 100% !important; float: none !important; } .shima-cart-page .shima-cart-content .cart-collaterals .cart_totals, .shima-cart-page .shima-cart-content > .cart_totals { display: block !important; width: 100% !important; max-width: none !important; min-width: 0 !important; float: none !important; justify-self: stretch !important; align-self: start !important; padding: 28px 26px !important; border: 1px solid #dfe9e3 !important; } .shima-cart-page .shima-cart-content .cart_totals h2 { margin-bottom: 16px !important; font-size: 22px !important; line-height: 1.5 !important; text-align: right !important; } .shima-cart-page .shima-cart-content .cart_totals table, .shima-cart-page .shima-cart-content .cart_totals table.shop_table { width: 100% !important; margin: 0 !important; } .shima-cart-page .shima-cart-content .cart_totals table.shop_table th, .shima-cart-page .shima-cart-content .cart_totals table.shop_table td { padding: 14px 0 !important; font-size: 13px !important; line-height: 1.9 !important; } .shima-cart-page .shima-cart-content .cart_totals .order-total th, .shima-cart-page .shima-cart-content .cart_totals .order-total td { font-size: 17px !important; font-weight: 950 !important; } .shima-cart-page .shima-cart-content .cart_totals .wc-proceed-to-checkout { width: 100% !important; margin: 18px 0 0 !important; } .shima-cart-page .shima-cart-content .cart_totals .checkout-button { width: 100% !important; white-space: normal !important; line-height: 1.55 !important; text-align: center !important; padding: 16px 20px !important; } .shima-cart-page .shima-cart-content .shop_table.shop_table_responsive, .shima-cart-page .shima-cart-content .shop_table.shop_table_responsive tbody, .shima-cart-page .shima-cart-content .shop_table.shop_table_responsive tr, .shima-cart-page .shima-cart-content .shop_table.shop_table_responsive td { width: 100%; } .shima-cart-page .shima-cart-content table.shop_table { table-layout: fixed; } .shima-cart-page .shima-cart-content .product-name { min-width: 0; } .shima-cart-page .shima-cart-content .product-name a { display: inline-block; max-width: 100%; font-size: 14px !important; line-height: 1.9 !important; } .shima-cart-page .shima-cart-content .product-price, .shima-cart-page .shima-cart-content .product-subtotal { white-space: nowrap; font-size: 14px !important; font-weight: 900 !important; } .shima-cart-page .shima-cart-content .quantity .qty { min-width: 88px !important; } /* --- Better visual alignment at medium widths --- */ @media (max-width: 1280px) { .shima-cart-page .shima-transaction-content .wc-block-components-sidebar-layout, .shima-cart-page .shima-cart-content .woocommerce { grid-template-columns: minmax(0, 1.22fr) minmax(330px, 1fr) !important; } } @media (max-width: 980px) { .shima-cart-page .shima-transaction-content .wc-block-components-sidebar-layout, .shima-cart-page .shima-cart-content .woocommerce { grid-template-columns: 1fr !important; gap: 16px !important; } .shima-cart-page .shima-cart-content .cart-collaterals .cart_totals, .shima-cart-page .shima-cart-content > .cart_totals, .shima-cart-page .shima-transaction-content .wc-block-cart__sidebar { padding: 20px 18px !important; } .shima-cart-page .shima-cart-content .cart_totals h2 { font-size: 18px !important; } } /* ======================================================================
   SHIMA STOREFRONT UI 2.6.8 — wholesale cart line-item restructuring
   Goals:
   1) move quantity beside the product details, not below them
   2) place unit price after the product name and before quantity
   3) keep product total at the far end with breathing room
   4) normalize typography and spacing to a premium desktop layout
   ====================================================================== */ @media (min-width: 981px) { .shima-cart-page .shima-cart-content .woocommerce-cart-form__contents { table-layout: auto !important; border-collapse: separate !important; border-spacing: 0 14px !important; background: transparent !important; } .shima-cart-page .shima-cart-content .woocommerce-cart-form__contents thead tr { display: grid !important; direction: ltr !important; grid-template-columns: minmax(160px, .92fr) 56px 140px minmax(170px, .92fr) minmax(320px, 1.8fr) 104px !important; gap: 14px !important; align-items: end !important; } .shima-cart-page .shima-cart-content .woocommerce-cart-form__contents thead th { background: transparent !important; border: 0 !important; padding: 0 4px 6px !important; font-size: 12px !important; color: #758078 !important; font-weight: 900 !important; } .shima-cart-page .shima-cart-content .woocommerce-cart-form__contents thead th.product-subtotal { grid-column: 1; text-align: left !important; } .shima-cart-page .shima-cart-content .woocommerce-cart-form__contents thead th.product-remove { grid-column: 2; visibility: hidden; } .shima-cart-page .shima-cart-content .woocommerce-cart-form__contents thead th.product-quantity { grid-column: 3; text-align: center !important; } .shima-cart-page .shima-cart-content .woocommerce-cart-form__contents thead th.product-price { grid-column: 4; text-align: right !important; } .shima-cart-page .shima-cart-content .woocommerce-cart-form__contents thead th.product-name { grid-column: 5; text-align: right !important; } .shima-cart-page .shima-cart-content .woocommerce-cart-form__contents thead th.product-thumbnail { grid-column: 6; visibility: hidden; } .shima-cart-page .shima-cart-content .woocommerce-cart-form__contents tr.cart_item { display: grid !important; direction: ltr !important; grid-template-columns: minmax(160px, .92fr) 56px 140px minmax(170px, .92fr) minmax(320px, 1.8fr) 104px !important; gap: 14px !important; align-items: center !important; margin: 0 0 14px !important; padding: 18px 20px !important; border: 1px solid #dfe9e3 !important; border-radius: 20px !important; background: linear-gradient(180deg, #ffffff, #fcfefd) !important; box-shadow: 0 10px 28px rgba(15, 44, 29, .045) !important; } .shima-cart-page .shima-cart-content .woocommerce-cart-form__contents tr.cart_item td { display: flex !important; flex-direction: column !important; justify-content: center !important; width: auto !important; min-width: 0 !important; padding: 0 !important; border: 0 !important; background: transparent !important; text-align: right !important; direction: rtl !important; } .shima-cart-page .shima-cart-content .woocommerce-cart-form__contents td.product-subtotal { grid-column: 1; align-items: flex-start !important; padding-left: 14px !important; } .shima-cart-page .shima-cart-content .woocommerce-cart-form__contents td.product-remove { grid-column: 2; align-items: center !important; justify-content: center !important; } .shima-cart-page .shima-cart-content .woocommerce-cart-form__contents td.product-quantity { grid-column: 3; align-items: stretch !important; } .shima-cart-page .shima-cart-content .woocommerce-cart-form__contents td.product-price { grid-column: 4; align-items: flex-start !important; } .shima-cart-page .shima-cart-content .woocommerce-cart-form__contents td.product-name { grid-column: 5; min-height: 0 !important; padding-top: 0 !important; align-items: flex-start !important; } .shima-cart-page .shima-cart-content .woocommerce-cart-form__contents td.product-thumbnail { grid-column: 6; width: auto !important; float: none !important; margin: 0 !important; align-items: center !important; } .shima-cart-page .shima-cart-content .woocommerce-cart-form__contents td.product-price::before, .shima-cart-page .shima-cart-content .woocommerce-cart-form__contents td.product-quantity::before, .shima-cart-page .shima-cart-content .woocommerce-cart-form__contents td.product-subtotal::before { margin-bottom: 6px !important; color: #738078 !important; font-size: 11px !important; font-weight: 900 !important; line-height: 1.4 !important; } .shima-cart-page .shima-cart-content .woocommerce-cart-form__contents td.product-price::before { content: "قیمت واحد"; } .shima-cart-page .shima-cart-content .woocommerce-cart-form__contents td.product-quantity::before { content: "تعداد"; } .shima-cart-page .shima-cart-content .woocommerce-cart-form__contents td.product-subtotal::before { content: "مبلغ کل"; } .shima-cart-page .shima-cart-content .woocommerce-cart-form__contents td.product-name a { display: inline-block !important; max-width: 100% !important; color: #122117 !important; font-size: 13.5px !important; line-height: 1.95 !important; font-weight: 900 !important; } .shima-cart-page .shima-cart-content .woocommerce-cart-form__contents td.product-price, .shima-cart-page .shima-cart-content .woocommerce-cart-form__contents td.product-subtotal { white-space: nowrap !important; } .shima-cart-page .shima-cart-content .woocommerce-cart-form__contents td.product-price .amount, .shima-cart-page .shima-cart-content .woocommerce-cart-form__contents td.product-subtotal .amount, .shima-cart-page .shima-cart-content .woocommerce-cart-form__contents td.product-price bdi, .shima-cart-page .shima-cart-content .woocommerce-cart-form__contents td.product-subtotal bdi { color: #087b43 !important; font-size: 13px !important; line-height: 1.8 !important; font-weight: 950 !important; } .shima-cart-page .shima-cart-content .woocommerce-cart-form__contents td.product-subtotal { font-size: 13px !important; font-weight: 950 !important; } .shima-cart-page .shima-cart-content .woocommerce-cart-form__contents td.product-thumbnail img { width: 92px !important; height: 92px !important; object-fit: cover !important; border-radius: 16px !important; border: 1px solid #e0eae4 !important; background: #f7faf8 !important; } .shima-cart-page .shima-cart-content .woocommerce-cart-form__contents td.product-remove a { width: 36px !important; height: 36px !important; display: grid !important; place-items: center !important; border-radius: 10px !important; background: #fff1f2 !important; color: #d44758 !important; } .shima-cart-page .shima-cart-content .woocommerce-cart-form__contents td.product-quantity .quantity { display: inline-flex !important; align-items: center !important; justify-content: center !important; min-width: 132px !important; margin: 0 !important; } .shima-cart-page .shima-cart-content .woocommerce-cart-form__contents td.product-quantity .qty { min-width: 96px !important; min-height: 54px !important; font-size: 13px !important; font-weight: 900 !important; } .shima-cart-page .shima-cart-content .cart_totals { padding: 28px 28px 30px !important; } .shima-cart-page .shima-cart-content .cart_totals h2 { margin-bottom: 20px !important; font-size: 18px !important; line-height: 1.7 !important; } .shima-cart-page .shima-cart-content .cart_totals table.shop_table th, .shima-cart-page .shima-cart-content .cart_totals table.shop_table td { font-size: 13px !important; line-height: 2 !important; padding: 16px 0 !important; } .shima-cart-page .shima-cart-content .cart_totals .order-total th, .shima-cart-page .shima-cart-content .cart_totals .order-total td { font-size: 14px !important; font-weight: 950 !important; } .shima-cart-page .shima-cart-content .cart_totals .checkout-button { min-height: 64px !important; font-size: 15px !important; border-radius: 16px !important; } } /* ======================================================================
   SHIMA STOREFRONT UI 2.6.9 — WooCommerce Cart Block definitive layout
   Active cart page uses WooCommerce Blocks. Rebuild each row visually as:
   image | product name | unit price | quantity | line total (RTL reading).
   ====================================================================== */ @media (min-width: 981px) { /* Cart page column balance */ .shima-cart-page .shima-transaction-content .wc-block-components-sidebar-layout { display: grid !important; grid-template-columns: minmax(0, 1.55fr) minmax(350px, .85fr) !important; grid-template-areas: "main sidebar" !important; gap: 24px !important; align-items: start !important; } .shima-cart-page .shima-transaction-content .wc-block-cart__main { grid-area: main !important; min-width: 0 !important; padding: 24px 26px !important; } .shima-cart-page .shima-transaction-content .wc-block-cart__sidebar { grid-area: sidebar !important; min-width: 0 !important; width: 100% !important; max-width: none !important; padding: 26px !important; } /* Table becomes a premium grid without touching React DOM */ .shima-cart-page table.wc-block-cart-items { display: block !important; width: 100% !important; border-collapse: separate !important; border-spacing: 0 !important; } .shima-cart-page table.wc-block-cart-items > thead, .shima-cart-page table.wc-block-cart-items > tbody { display: block !important; width: 100% !important; } .shima-cart-page table.wc-block-cart-items .wc-block-cart-items__header { display: grid !important; direction: ltr !important; grid-template-columns: 190px minmax(0, 1fr) 96px !important; grid-template-areas: "total product image" !important; gap: 18px !important; align-items: end !important; padding: 0 16px 10px !important; border-bottom: 1px solid #e6eee9 !important; } .shima-cart-page table.wc-block-cart-items .wc-block-cart-items__header-image { grid-area: image !important; visibility: hidden !important; } .shima-cart-page table.wc-block-cart-items .wc-block-cart-items__header-product { grid-area: product !important; text-align: right !important; direction: rtl !important; } .shima-cart-page table.wc-block-cart-items .wc-block-cart-items__header-product span { font-size: 13px !important; font-weight: 950 !important; color: #24332a !important; } .shima-cart-page table.wc-block-cart-items .wc-block-cart-items__header-total { grid-area: total !important; text-align: left !important; direction: rtl !important; } .shima-cart-page table.wc-block-cart-items .wc-block-cart-items__header-total span { font-size: 13px !important; font-weight: 950 !important; color: #24332a !important; } .shima-cart-page table.wc-block-cart-items .wc-block-cart-items__row { display: grid !important; direction: ltr !important; grid-template-columns: 190px minmax(0, 1fr) 96px !important; grid-template-areas: "total product image" !important; gap: 18px !important; align-items: center !important; width: 100% !important; margin: 14px 0 0 !important; padding: 18px 16px !important; border: 1px solid #dfe9e3 !important; border-radius: 20px !important; background: linear-gradient(180deg, #fff, #fcfefd) !important; box-shadow: 0 10px 28px rgba(15,44,29,.045) !important; } .shima-cart-page table.wc-block-cart-items .wc-block-cart-items__row > td { display: block !important; width: auto !important; min-width: 0 !important; padding: 0 !important; border: 0 !important; background: transparent !important; } .shima-cart-page table.wc-block-cart-items .wc-block-cart-item__image { grid-area: image !important; align-self: center !important; direction: rtl !important; } .shima-cart-page table.wc-block-cart-items .wc-block-cart-item__image img { display: block !important; width: 92px !important; height: 92px !important; max-width: 92px !important; object-fit: cover !important; border: 1px solid #dfe9e3 !important; border-radius: 16px !important; background: #f7faf8 !important; } .shima-cart-page table.wc-block-cart-items .wc-block-cart-item__product { grid-area: product !important; direction: rtl !important; min-width: 0 !important; } .shima-cart-page table.wc-block-cart-items .wc-block-cart-item__wrap { display: grid !important; direction: ltr !important; grid-template-columns: 190px 165px minmax(250px, 1fr) !important; grid-template-areas: "qty unit name" "qty meta meta" !important; column-gap: 22px !important; row-gap: 6px !important; align-items: center !important; min-width: 0 !important; } .shima-cart-page table.wc-block-cart-items .wc-block-components-product-name { grid-area: name !important; direction: rtl !important; display: block !important; min-width: 0 !important; margin: 0 !important; color: #122117 !important; font-size: 14px !important; line-height: 1.85 !important; font-weight: 900 !important; text-align: right !important; } .shima-cart-page table.wc-block-cart-items .wc-block-cart-item__prices { grid-area: unit !important; direction: rtl !important; display: flex !important; flex-direction: column !important; align-items: flex-start !important; justify-content: center !important; gap: 5px !important; min-width: 0 !important; margin: 0 !important; text-align: right !important; } .shima-cart-page table.wc-block-cart-items .wc-block-cart-item__prices::before { content: "قیمت واحد"; color: #738078; font-size: 11px; line-height: 1.4; font-weight: 900; } .shima-cart-page table.wc-block-cart-items .wc-block-cart-item__prices .wc-block-components-product-price, .shima-cart-page table.wc-block-cart-items .wc-block-cart-item__prices .wc-block-formatted-money-amount, .shima-cart-page table.wc-block-cart-items .wc-block-cart-item__prices .wc-block-components-product-price__value { color: #087b43 !important; font-size: 14px !important; line-height: 1.7 !important; font-weight: 950 !important; white-space: nowrap !important; } .shima-cart-page table.wc-block-cart-items .wc-block-components-product-metadata { grid-area: meta !important; direction: rtl !important; margin: 0 !important; color: #7a867f !important; font-size: 10.5px !important; line-height: 1.7 !important; text-align: right !important; } .shima-cart-page table.wc-block-cart-items .wc-block-cart-item__quantity { grid-area: qty !important; direction: rtl !important; display: grid !important; grid-template-columns: minmax(132px, 1fr) 44px !important; grid-template-areas: "label label" "selector remove" !important; align-items: center !important; gap: 5px 8px !important; min-width: 0 !important; margin: 0 !important; } .shima-cart-page table.wc-block-cart-items .wc-block-cart-item__quantity::before { content: "تعداد"; grid-area: label !important; color: #738078; font-size: 11px; line-height: 1.4; font-weight: 900; text-align: right; } .shima-cart-page table.wc-block-cart-items .wc-block-components-quantity-selector { grid-area: selector !important; width: 132px !important; min-width: 132px !important; min-height: 48px !important; margin: 0 !important; border: 1px solid #dbe7df !important; border-radius: 13px !important; background: #f8fbf9 !important; } .shima-cart-page table.wc-block-cart-items .wc-block-components-quantity-selector__input { min-height: 46px !important; font-size: 14px !important; font-weight: 950 !important; } .shima-cart-page table.wc-block-cart-items .wc-block-cart-item__remove-link { grid-area: remove !important; width: 40px !important; height: 40px !important; min-width: 40px !important; display: grid !important; place-items: center !important; margin: 0 !important; padding: 0 !important; border: 1px solid #ffd9df !important; border-radius: 11px !important; background: #fff3f5 !important; color: #d44758 !important; font-size: 0 !important; } .shima-cart-page table.wc-block-cart-items .wc-block-cart-item__remove-link::after { content: "" !important; display: none !important; } .shima-cart-page table.wc-block-cart-items .wc-block-cart-item__remove-link svg { width: 19px !important; height: 19px !important; } .shima-cart-page table.wc-block-cart-items .wc-block-cart-item__total { grid-area: total !important; direction: rtl !important; align-self: center !important; padding-left: 16px !important; text-align: left !important; } .shima-cart-page table.wc-block-cart-items .wc-block-cart-item__total::before { content: "مبلغ کل"; display: block; margin-bottom: 6px; color: #738078; font-size: 11px; line-height: 1.4; font-weight: 900; text-align: left; } .shima-cart-page table.wc-block-cart-items .wc-block-cart-item__total .wc-block-components-product-price, .shima-cart-page table.wc-block-cart-items .wc-block-cart-item__total .wc-block-formatted-money-amount, .shima-cart-page table.wc-block-cart-items .wc-block-cart-item__total .wc-block-components-product-price__value { color: #087b43 !important; font-size: 14px !important; line-height: 1.7 !important; font-weight: 950 !important; white-space: nowrap !important; } /* Summary typography aligned with line item values */ .shima-cart-page .shima-transaction-content .wc-block-cart__sidebar .wc-block-cart__totals-title, .shima-cart-page .shima-transaction-content .wc-block-cart__sidebar .wc-block-components-totals-item__label { font-size: 14px !important; line-height: 1.7 !important; font-weight: 900 !important; } .shima-cart-page .shima-transaction-content .wc-block-cart__sidebar .wc-block-components-totals-item__value, .shima-cart-page .shima-transaction-content .wc-block-cart__sidebar .wc-block-formatted-money-amount { font-size: 14px !important; line-height: 1.7 !important; font-weight: 950 !important; } .shima-cart-page .shima-transaction-content .wc-block-cart__sidebar .wc-block-components-totals-footer-item .wc-block-components-totals-item__label, .shima-cart-page .shima-transaction-content .wc-block-cart__sidebar .wc-block-components-totals-footer-item .wc-block-components-totals-item__value { font-size: 15px !important; } } @media (max-width: 1280px) and (min-width: 981px) { .shima-cart-page .shima-transaction-content .wc-block-components-sidebar-layout { grid-template-columns: minmax(0, 1.45fr) minmax(320px, .9fr) !important; } .shima-cart-page table.wc-block-cart-items .wc-block-cart-items__row, .shima-cart-page table.wc-block-cart-items .wc-block-cart-items__header { grid-template-columns: 165px minmax(0, 1fr) 84px !important; gap: 14px !important; } .shima-cart-page table.wc-block-cart-items .wc-block-cart-item__wrap { grid-template-columns: 170px 150px minmax(210px, 1fr) !important; column-gap: 16px !important; } .shima-cart-page table.wc-block-cart-items .wc-block-cart-item__image img { width: 82px !important; height: 82px !important; } .shima-cart-page table.wc-block-cart-items .wc-block-components-product-name, .shima-cart-page table.wc-block-cart-items .wc-block-cart-item__prices .wc-block-components-product-price, .shima-cart-page table.wc-block-cart-items .wc-block-cart-item__prices .wc-block-formatted-money-amount, .shima-cart-page table.wc-block-cart-items .wc-block-cart-item__total .wc-block-formatted-money-amount { font-size: 13px !important; } } /* ======================================================================
   SHIMA STOREFRONT UI 2.7.0 — definitive wholesale cart proportions
   Focus: give the product name real room, compact the totals sidebar,
   remove the cart shipping note, and keep price / quantity / line total
   in one clean desktop row for WooCommerce Cart Block and Classic Cart.
   ====================================================================== */ /* -----------------------------
   Cart Block — desktop layout
   ----------------------------- */ @media (min-width: 981px) { .shima-cart-page .shima-transaction-content .wc-block-components-sidebar-layout { display: grid !important; grid-template-columns: minmax(0, 1fr) 340px !important; grid-template-areas: "main sidebar" !important; gap: 24px !important; align-items: start !important; width: 100% !important; max-width: 100% !important; } .shima-cart-page .shima-transaction-content .wc-block-cart__main { grid-area: main !important; width: 100% !important; max-width: none !important; min-width: 0 !important; } .shima-cart-page .shima-transaction-content .wc-block-cart__sidebar { grid-area: sidebar !important; width: 340px !important; min-width: 340px !important; max-width: 340px !important; flex: 0 0 340px !important; min-height: 0 !important; height: auto !important; padding: 22px !important; box-sizing: border-box !important; } .shima-cart-page .shima-transaction-content .wc-block-cart__sidebar .wc-block-components-totals-wrapper { margin-top: 10px !important; padding-top: 12px !important; } .shima-cart-page .shima-transaction-content .wc-block-cart__sidebar .wc-block-cart__totals-title { margin: 0 0 14px !important; font-size: 17px !important; line-height: 1.6 !important; font-weight: 950 !important; } .shima-cart-page .shima-transaction-content .wc-block-cart__sidebar .wc-block-components-totals-item { min-height: 42px !important; padding: 7px 0 !important; } .shima-cart-page .shima-transaction-content .wc-block-cart__sidebar .wc-block-components-totals-item__label, .shima-cart-page .shima-transaction-content .wc-block-cart__sidebar .wc-block-components-totals-item__value, .shima-cart-page .shima-transaction-content .wc-block-cart__sidebar .wc-block-formatted-money-amount { font-size: 13px !important; line-height: 1.75 !important; font-weight: 900 !important; } .shima-cart-page .shima-transaction-content .wc-block-cart__sidebar .wc-block-components-totals-footer-item .wc-block-components-totals-item__label, .shima-cart-page .shima-transaction-content .wc-block-cart__sidebar .wc-block-components-totals-footer-item .wc-block-components-totals-item__value, .shima-cart-page .shima-transaction-content .wc-block-cart__sidebar .wc-block-components-totals-footer-item .wc-block-formatted-money-amount { font-size: 14px !important; font-weight: 950 !important; } .shima-cart-page .shima-transaction-content .wc-block-cart__sidebar .wc-block-cart__submit-container { margin-top: 14px !important; } .shima-cart-page .shima-transaction-content .wc-block-cart__submit-button { min-height: 54px !important; padding: 12px 14px !important; border-radius: 14px !important; font-size: 13px !important; line-height: 1.5 !important; } /* Product row: image | name | unit price | quantity | remove | line total */ .shima-cart-page table.wc-block-cart-items .wc-block-cart-items__row { display: grid !important; direction: ltr !important; grid-template-columns: 158px minmax(0, 1fr) 92px !important; grid-template-areas: "total product image" !important; gap: 20px !important; align-items: center !important; width: 100% !important; min-height: 142px !important; margin: 14px 0 0 !important; padding: 20px 22px !important; box-sizing: border-box !important; } .shima-cart-page table.wc-block-cart-items .wc-block-cart-item__image { grid-area: image !important; align-self: center !important; justify-self: end !important; } .shima-cart-page table.wc-block-cart-items .wc-block-cart-item__image img { width: 88px !important; height: 88px !important; max-width: 88px !important; object-fit: cover !important; border-radius: 15px !important; } .shima-cart-page table.wc-block-cart-items .wc-block-cart-item__product { grid-area: product !important; min-width: 0 !important; direction: rtl !important; } .shima-cart-page table.wc-block-cart-items .wc-block-cart-item__wrap { display: grid !important; direction: ltr !important; grid-template-columns: 126px 142px minmax(360px, 1fr) !important; grid-template-areas: "qty unit name" "qty meta meta" !important; column-gap: 18px !important; row-gap: 6px !important; align-items: center !important; width: 100% !important; min-width: 0 !important; } .shima-cart-page table.wc-block-cart-items .wc-block-components-product-name { grid-area: name !important; display: -webkit-box !important; -webkit-box-orient: vertical !important; -webkit-line-clamp: 2 !important; overflow: hidden !important; min-width: 0 !important; max-width: 100% !important; margin: 0 !important; padding-inline-end: 4px !important; color: #122117 !important; font-size: 13px !important; line-height: 1.85 !important; font-weight: 900 !important; text-align: right !important; overflow-wrap: anywhere !important; } .shima-cart-page table.wc-block-cart-items .wc-block-cart-item__prices { grid-area: unit !important; align-items: flex-start !important; min-width: 0 !important; } .shima-cart-page table.wc-block-cart-items .wc-block-cart-item__prices::before, .shima-cart-page table.wc-block-cart-items .wc-block-cart-item__quantity::before, .shima-cart-page table.wc-block-cart-items .wc-block-cart-item__total::before { margin-bottom: 5px !important; color: #738078 !important; font-size: 10.5px !important; line-height: 1.45 !important; font-weight: 900 !important; } .shima-cart-page table.wc-block-cart-items .wc-block-cart-item__prices .wc-block-components-product-price, .shima-cart-page table.wc-block-cart-items .wc-block-cart-item__prices .wc-block-formatted-money-amount, .shima-cart-page table.wc-block-cart-items .wc-block-cart-item__total .wc-block-components-product-price, .shima-cart-page table.wc-block-cart-items .wc-block-cart-item__total .wc-block-formatted-money-amount { font-size: 13px !important; line-height: 1.7 !important; font-weight: 950 !important; white-space: nowrap !important; } .shima-cart-page table.wc-block-cart-items .wc-block-cart-item__quantity { grid-area: qty !important; display: grid !important; grid-template-columns: 1fr 38px !important; grid-template-areas: "label label" "selector remove" !important; gap: 5px 7px !important; min-width: 0 !important; align-items: center !important; } .shima-cart-page table.wc-block-cart-items .wc-block-components-quantity-selector { grid-area: selector !important; width: 120px !important; min-width: 120px !important; min-height: 46px !important; } .shima-cart-page table.wc-block-cart-items .wc-block-cart-item__remove-link { grid-area: remove !important; width: 36px !important; min-width: 36px !important; height: 36px !important; } .shima-cart-page table.wc-block-cart-items .wc-block-cart-item__total { grid-area: total !important; align-self: center !important; justify-self: start !important; padding: 0 10px 0 0 !important; text-align: left !important; direction: rtl !important; } .shima-cart-page table.wc-block-cart-items .wc-block-cart-item__total::before { text-align: left !important; } .shima-cart-page table.wc-block-cart-items .wc-block-components-product-metadata { grid-area: meta !important; margin: 0 !important; color: #7a867f !important; font-size: 10px !important; line-height: 1.65 !important; } } /* -----------------------------
   Classic cart parity
   ----------------------------- */ @media (min-width: 981px) { .shima-cart-page .shima-cart-content .woocommerce { grid-template-columns: minmax(0, 1fr) 340px !important; gap: 24px !important; } .shima-cart-page .shima-cart-content .cart-collaterals, .shima-cart-page .shima-cart-content .cart-collaterals .cart_totals, .shima-cart-page .shima-cart-content > .cart_totals { width: 340px !important; min-width: 340px !important; max-width: 340px !important; } .shima-cart-page .shima-cart-content .cart_totals { padding: 22px !important; } .shima-cart-page .shima-cart-content .cart_totals h2 { font-size: 17px !important; margin-bottom: 14px !important; } } /* -----------------------------
   Intermediate desktop widths
   ----------------------------- */ @media (max-width: 1280px) and (min-width: 981px) { .shima-cart-page .shima-transaction-content .wc-block-components-sidebar-layout { grid-template-columns: minmax(0, 1fr) 310px !important; } .shima-cart-page .shima-transaction-content .wc-block-cart__sidebar { width: 310px !important; min-width: 310px !important; max-width: 310px !important; flex-basis: 310px !important; } .shima-cart-page table.wc-block-cart-items .wc-block-cart-items__row { grid-template-columns: 145px minmax(0, 1fr) 82px !important; gap: 14px !important; padding: 18px 16px !important; } .shima-cart-page table.wc-block-cart-items .wc-block-cart-item__wrap { grid-template-columns: 112px 132px minmax(280px, 1fr) !important; column-gap: 14px !important; } .shima-cart-page table.wc-block-cart-items .wc-block-cart-item__image img { width: 78px !important; height: 78px !important; } .shima-cart-page table.wc-block-cart-items .wc-block-components-product-name { font-size: 12px !important; } .shima-cart-page .shima-cart-content .woocommerce { grid-template-columns: minmax(0, 1fr) 310px !important; } .shima-cart-page .shima-cart-content .cart-collaterals, .shima-cart-page .shima-cart-content .cart-collaterals .cart_totals, .shima-cart-page .shima-cart-content > .cart_totals { width: 310px !important; min-width: 310px !important; max-width: 310px !important; } } /* -----------------------------
   Tablet / mobile reset
   ----------------------------- */ @media (max-width: 980px) { .shima-cart-page .shima-transaction-content .wc-block-components-sidebar-layout, .shima-cart-page .shima-cart-content .woocommerce { grid-template-columns: 1fr !important; grid-template-areas: "main" "sidebar" !important; } .shima-cart-page .shima-transaction-content .wc-block-cart__sidebar, .shima-cart-page .shima-cart-content .cart-collaterals, .shima-cart-page .shima-cart-content .cart-collaterals .cart_totals, .shima-cart-page .shima-cart-content > .cart_totals { width: 100% !important; min-width: 0 !important; max-width: none !important; flex-basis: auto !important; } } /* ======================================================================
   SHIMA STOREFRONT UI 2.7.1 — cart thumbnail/title separation fix
   Prevent WooCommerce Cart Block thumbnail and product title from colliding.
   ====================================================================== */ @media (min-width: 981px) { .shima-cart-page table.wc-block-cart-items .wc-block-cart-items__row { grid-template-columns: 166px minmax(0, 1fr) 110px !important; grid-template-areas: "total product image" !important; gap: 24px !important; padding: 20px 24px !important; } .shima-cart-page table.wc-block-cart-items .wc-block-cart-item__image { position: static !important; inset: auto !important; grid-area: image !important; width: 96px !important; min-width: 96px !important; max-width: 96px !important; margin: 0 !important; padding: 0 !important; align-self: center !important; justify-self: end !important; z-index: 1 !important; } .shima-cart-page table.wc-block-cart-items .wc-block-cart-item__image a { display: block !important; width: 96px !important; height: 96px !important; margin: 0 !important; padding: 0 !important; } .shima-cart-page table.wc-block-cart-items .wc-block-cart-item__image img { display: block !important; width: 96px !important; height: 96px !important; max-width: 96px !important; max-height: 96px !important; margin: 0 !important; object-fit: cover !important; border: 1px solid #dfe9e3 !important; border-radius: 16px !important; background: #f7faf8 !important; } .shima-cart-page table.wc-block-cart-items .wc-block-cart-item__product { position: relative !important; inset: auto !important; grid-area: product !important; width: 100% !important; min-width: 0 !important; margin: 0 !important; padding: 0 18px 0 0 !important; box-sizing: border-box !important; overflow: hidden !important; z-index: 2 !important; } .shima-cart-page table.wc-block-cart-items .wc-block-cart-item__wrap { grid-template-columns: 126px 142px minmax(0, 1fr) !important; width: 100% !important; min-width: 0 !important; overflow: hidden !important; } .shima-cart-page table.wc-block-cart-items .wc-block-components-product-name { width: 100% !important; min-width: 0 !important; max-width: 100% !important; margin: 0 !important; padding: 0 !important; overflow: hidden !important; overflow-wrap: anywhere !important; word-break: normal !important; text-wrap: pretty !important; text-align: right !important; } } @media (max-width: 1280px) and (min-width: 981px) { .shima-cart-page table.wc-block-cart-items .wc-block-cart-items__row { grid-template-columns: 148px minmax(0, 1fr) 96px !important; gap: 18px !important; padding: 18px 18px !important; } .shima-cart-page table.wc-block-cart-items .wc-block-cart-item__image, .shima-cart-page table.wc-block-cart-items .wc-block-cart-item__image a, .shima-cart-page table.wc-block-cart-items .wc-block-cart-item__image img { width: 82px !important; min-width: 82px !important; max-width: 82px !important; height: 82px !important; max-height: 82px !important; } .shima-cart-page table.wc-block-cart-items .wc-block-cart-item__product { padding-right: 14px !important; } .shima-cart-page table.wc-block-cart-items .wc-block-cart-item__wrap { grid-template-columns: 112px 130px minmax(0, 1fr) !important; column-gap: 12px !important; } } @media (max-width: 980px) { .shima-cart-page table.wc-block-cart-items .wc-block-cart-item__image, .shima-cart-page table.wc-block-cart-items .wc-block-cart-item__product { position: static !important; inset: auto !important; } .shima-cart-page table.wc-block-cart-items .wc-block-cart-item__product { padding-right: 0 !important; overflow: visible !important; } } /* ======================================================================
   SHIMA STOREFRONT UI 2.7.2 — wholesale cart table headers + row alignment
   Desktop order (RTL): row no. | image | product | unit price | cartons | amount
   The custom heading grid and every cart row share the exact same tracks.
   ====================================================================== */ @media (min-width: 981px) { /* Replace WooCommerce's two-column header with the exact wholesale columns. */ .shima-cart-page table.wc-block-cart-items > thead { display: none !important; } .shima-cart-page .shima-cart-table-head { direction: ltr; display: grid; grid-template-columns: 150px 154px 164px minmax(250px, 1fr) 96px 64px; grid-template-areas: "total qty unit name image index"; gap: 12px; align-items: center; width: 100%; margin: 0 0 10px; padding: 0 22px 10px; box-sizing: border-box; border-bottom: 1px solid #e4ece7; color: #68776f; font-size: 11px; line-height: 1.5; font-weight: 900; } .shima-cart-page .shima-cart-table-head > span { min-width: 0; direction: rtl; text-align: center; white-space: nowrap; } .shima-cart-page .shima-cart-table-head .is-index { grid-area: index; } .shima-cart-page .shima-cart-table-head .is-image { grid-area: image; } .shima-cart-page .shima-cart-table-head .is-name { grid-area: name; text-align: right; } .shima-cart-page .shima-cart-table-head .is-unit { grid-area: unit; } .shima-cart-page .shima-cart-table-head .is-qty { grid-area: qty; } .shima-cart-page .shima-cart-table-head .is-total { grid-area: total; text-align: left; } /* Each product uses exactly the same column tracks as the heading row. */ .shima-cart-page table.wc-block-cart-items .wc-block-cart-items__row { direction: ltr !important; display: grid !important; grid-template-columns: 150px 154px 164px minmax(250px, 1fr) 96px 64px !important; grid-template-areas: "total qty unit product image index" !important; gap: 12px !important; align-items: center !important; min-height: 126px !important; padding: 16px 22px !important; margin-top: 0 !important; } /* Visible row number without injecting invalid table cells into React markup. */ .shima-cart-page table.wc-block-cart-items .wc-block-cart-items__row::after { content: attr(data-shima-cart-row); grid-area: index; width: 34px; height: 34px; display: grid; place-items: center; justify-self: center; align-self: center; border: 1px solid #dce8e1; border-radius: 10px; background: #f6faf7; color: #365247; direction: rtl; font-size: 11px; font-weight: 950; } .shima-cart-page table.wc-block-cart-items .wc-block-cart-item__image { grid-area: image !important; width: 86px !important; min-width: 86px !important; max-width: 86px !important; justify-self: center !important; align-self: center !important; } .shima-cart-page table.wc-block-cart-items .wc-block-cart-item__image a, .shima-cart-page table.wc-block-cart-items .wc-block-cart-item__image img { width: 86px !important; min-width: 86px !important; max-width: 86px !important; height: 86px !important; max-height: 86px !important; } /* Product cell spans the name, unit-price and quantity tracks. */ .shima-cart-page table.wc-block-cart-items .wc-block-cart-item__product { grid-area: product !important; grid-column: 2 / 5 !important; width: 100% !important; min-width: 0 !important; padding: 0 !important; overflow: visible !important; direction: ltr !important; display: grid !important; grid-template-columns: subgrid !important; grid-template-rows: auto auto !important; } .shima-cart-page table.wc-block-cart-items .wc-block-cart-item__wrap { display: contents !important; } .shima-cart-page table.wc-block-cart-items .wc-block-components-product-name { grid-column: 3 !important; grid-row: 1 !important; align-self: center !important; justify-self: stretch !important; width: 100% !important; min-width: 0 !important; margin: 0 !important; padding: 0 4px !important; direction: rtl !important; text-align: right !important; font-size: 12.5px !important; line-height: 1.85 !important; font-weight: 900 !important; -webkit-line-clamp: 2 !important; } .shima-cart-page table.wc-block-cart-items .wc-block-components-product-metadata { grid-column: 3 !important; grid-row: 2 !important; align-self: start !important; justify-self: stretch !important; margin: 3px 4px 0 !important; direction: rtl !important; text-align: right !important; font-size: 9px !important; line-height: 1.6 !important; } .shima-cart-page table.wc-block-cart-items .wc-block-cart-item__prices { grid-column: 2 !important; grid-row: 1 / 3 !important; align-self: center !important; justify-self: center !important; width: 100% !important; margin: 0 !important; direction: rtl !important; text-align: center !important; } .shima-cart-page table.wc-block-cart-items .wc-block-cart-item__quantity { grid-column: 1 !important; grid-row: 1 / 3 !important; align-self: center !important; justify-self: center !important; width: 100% !important; min-width: 0 !important; margin: 0 !important; direction: rtl !important; display: grid !important; grid-template-columns: 1fr 34px !important; grid-template-areas: "selector remove" !important; gap: 6px !important; align-items: center !important; } /* The dedicated header row already names the columns; suppress per-cell mini labels. */ .shima-cart-page table.wc-block-cart-items .wc-block-cart-item__prices::before, .shima-cart-page table.wc-block-cart-items .wc-block-cart-item__quantity::before, .shima-cart-page table.wc-block-cart-items .wc-block-cart-item__total::before { display: none !important; content: none !important; } .shima-cart-page table.wc-block-cart-items .wc-block-components-quantity-selector { grid-area: selector !important; width: 112px !important; min-width: 112px !important; max-width: 112px !important; min-height: 44px !important; margin: 0 auto !important; } .shima-cart-page table.wc-block-cart-items .wc-block-cart-item__remove-link { grid-area: remove !important; width: 32px !important; min-width: 32px !important; height: 32px !important; margin: 0 !important; } .shima-cart-page table.wc-block-cart-items .wc-block-cart-item__total { grid-area: total !important; align-self: center !important; justify-self: stretch !important; width: 100% !important; min-width: 0 !important; padding: 0 6px 0 12px !important; direction: rtl !important; text-align: left !important; } .shima-cart-page table.wc-block-cart-items .wc-block-cart-item__prices .wc-block-components-product-price, .shima-cart-page table.wc-block-cart-items .wc-block-cart-item__prices .wc-block-formatted-money-amount, .shima-cart-page table.wc-block-cart-items .wc-block-cart-item__total .wc-block-components-product-price, .shima-cart-page table.wc-block-cart-items .wc-block-cart-item__total .wc-block-formatted-money-amount { font-size: 12px !important; line-height: 1.7 !important; font-weight: 950 !important; white-space: nowrap !important; } } @media (max-width: 1280px) and (min-width: 981px) { .shima-cart-page .shima-cart-table-head, .shima-cart-page table.wc-block-cart-items .wc-block-cart-items__row { grid-template-columns: 132px 138px 142px minmax(220px, 1fr) 82px 52px !important; gap: 9px !important; padding-inline: 14px !important; } .shima-cart-page table.wc-block-cart-items .wc-block-cart-item__image, .shima-cart-page table.wc-block-cart-items .wc-block-cart-item__image a, .shima-cart-page table.wc-block-cart-items .wc-block-cart-item__image img { width: 74px !important; min-width: 74px !important; max-width: 74px !important; height: 74px !important; max-height: 74px !important; } .shima-cart-page table.wc-block-cart-items .wc-block-components-product-name { font-size: 11.5px !important; } .shima-cart-page table.wc-block-cart-items .wc-block-components-quantity-selector { width: 102px !important; min-width: 102px !important; max-width: 102px !important; } } @media (max-width: 980px) { .shima-cart-page .shima-cart-table-head { display: none !important; } } /* ======================================================================
   SHIMA STOREFRONT UI 2.7.3 — definitive wholesale cart data grid
   Exact desktop order (RTL):
   عملیات | شماره ردیف | عکس محصول | نام محصول | قیمت واحد | تعداد کارتن | مبلغ
   Header and row share one grid definition so every value sits below its title.
   ====================================================================== */ @media (min-width: 981px) { .shima-cart-page { --shima-cart-col-total: 156px; --shima-cart-col-qty: 146px; --shima-cart-col-unit: 148px; --shima-cart-col-image: 96px; --shima-cart-col-index: 62px; --shima-cart-col-action: 58px; --shima-cart-col-gap: 12px; } /* Keep Woo's native header out of the visual flow; custom header mirrors the row grid. */ .shima-cart-page table.wc-block-cart-items > thead { display: none !important; } .shima-cart-page .shima-cart-table-head { direction: ltr !important; display: grid !important; grid-template-columns: var(--shima-cart-col-total) var(--shima-cart-col-qty) var(--shima-cart-col-unit) minmax(260px, 1fr) var(--shima-cart-col-image) var(--shima-cart-col-index) var(--shima-cart-col-action) !important; grid-template-areas: "total qty unit name image index action" !important; column-gap: var(--shima-cart-col-gap) !important; align-items: center !important; width: 100% !important; min-height: 48px !important; margin: 0 0 10px !important; padding: 0 18px 10px !important; box-sizing: border-box !important; border-bottom: 1px solid #e2ebe6 !important; color: #5f6f66 !important; font-size: 11px !important; line-height: 1.55 !important; font-weight: 900 !important; } .shima-cart-page .shima-cart-table-head > span { min-width: 0 !important; direction: rtl !important; text-align: center !important; white-space: nowrap !important; } .shima-cart-page .shima-cart-table-head .is-action { grid-area: action !important; } .shima-cart-page .shima-cart-table-head .is-index { grid-area: index !important; } .shima-cart-page .shima-cart-table-head .is-image { grid-area: image !important; } .shima-cart-page .shima-cart-table-head .is-name { grid-area: name !important; text-align: right !important; } .shima-cart-page .shima-cart-table-head .is-unit { grid-area: unit !important; } .shima-cart-page .shima-cart-table-head .is-qty { grid-area: qty !important; } .shima-cart-page .shima-cart-table-head .is-total { grid-area: total !important; text-align: left !important; } /* One physical grid for the entire row. */ .shima-cart-page table.wc-block-cart-items .wc-block-cart-items__row { direction: ltr !important; display: grid !important; grid-template-columns: var(--shima-cart-col-total) var(--shima-cart-col-qty) var(--shima-cart-col-unit) minmax(260px, 1fr) var(--shima-cart-col-image) var(--shima-cart-col-index) var(--shima-cart-col-action) !important; grid-template-rows: auto auto !important; grid-template-areas: "total qty unit name image index action" "total qty unit meta image index action" !important; column-gap: var(--shima-cart-col-gap) !important; row-gap: 4px !important; align-items: center !important; width: 100% !important; min-height: 122px !important; margin: 0 0 12px !important; padding: 16px 18px !important; box-sizing: border-box !important; border: 1px solid #dfe9e3 !important; border-radius: 18px !important; background: linear-gradient(180deg,#fff,#fcfefd) !important; box-shadow: 0 9px 24px rgba(15,44,29,.04) !important; } /* Expose the inner WooCommerce nodes to the row grid. */ .shima-cart-page table.wc-block-cart-items .wc-block-cart-item__product, .shima-cart-page table.wc-block-cart-items .wc-block-cart-item__wrap, .shima-cart-page table.wc-block-cart-items .wc-block-cart-item__quantity { display: contents !important; } /* Action first (right-most in RTL presentation). */ .shima-cart-page table.wc-block-cart-items .wc-block-cart-item__remove-link { grid-area: action !important; place-self: center !important; width: 36px !important; min-width: 36px !important; height: 36px !important; margin: 0 !important; border: 1px solid #ffd9df !important; border-radius: 11px !important; background: #fff3f5 !important; color: #d84a5c !important; box-shadow: none !important; } /* Row number lives in its own dedicated track. */ .shima-cart-page table.wc-block-cart-items .wc-block-cart-items__row::after { content: attr(data-shima-cart-row) !important; grid-area: index !important; width: 34px !important; height: 34px !important; display: grid !important; place-items: center !important; place-self: center !important; border: 1px solid #dbe7e0 !important; border-radius: 10px !important; background: #f6faf7 !important; color: #355046 !important; direction: rtl !important; font-size: 11px !important; font-weight: 950 !important; } /* Product image exactly below its heading. */ .shima-cart-page table.wc-block-cart-items .wc-block-cart-item__image { grid-area: image !important; position: static !important; inset: auto !important; width: 84px !important; min-width: 84px !important; max-width: 84px !important; height: 84px !important; margin: 0 !important; padding: 0 !important; place-self: center !important; } .shima-cart-page table.wc-block-cart-items .wc-block-cart-item__image a, .shima-cart-page table.wc-block-cart-items .wc-block-cart-item__image img { display: block !important; width: 84px !important; min-width: 84px !important; max-width: 84px !important; height: 84px !important; max-height: 84px !important; margin: 0 !important; padding: 0 !important; } .shima-cart-page table.wc-block-cart-items .wc-block-cart-item__image img { object-fit: cover !important; border: 1px solid #dfe9e3 !important; border-radius: 14px !important; background: #f7faf8 !important; } /* Product title + optional metadata exactly below "نام محصول". */ .shima-cart-page table.wc-block-cart-items .wc-block-components-product-name { grid-area: name !important; width: 100% !important; min-width: 0 !important; max-width: 100% !important; margin: 0 !important; padding: 0 4px !important; align-self: end !important; justify-self: stretch !important; direction: rtl !important; text-align: right !important; color: #132119 !important; font-size: 12.5px !important; line-height: 1.8 !important; font-weight: 900 !important; white-space: normal !important; overflow: visible !important; text-overflow: clip !important; overflow-wrap: anywhere !important; word-break: normal !important; } .shima-cart-page table.wc-block-cart-items .wc-block-components-product-metadata { grid-area: meta !important; width: 100% !important; min-width: 0 !important; margin: 2px 4px 0 !important; align-self: start !important; justify-self: stretch !important; direction: rtl !important; text-align: right !important; color: #7a867f !important; font-size: 9.5px !important; line-height: 1.65 !important; font-weight: 700 !important; } /* Unit price exactly below its heading. */ .shima-cart-page table.wc-block-cart-items .wc-block-cart-item__prices { grid-area: unit !important; width: 100% !important; min-width: 0 !important; margin: 0 !important; padding: 0 !important; place-self: center stretch !important; direction: rtl !important; text-align: center !important; } /* Quantity selector exactly below "تعداد کارتن". */ .shima-cart-page table.wc-block-cart-items .wc-block-components-quantity-selector { grid-area: qty !important; width: 118px !important; min-width: 118px !important; max-width: 118px !important; min-height: 44px !important; margin: 0 !important; place-self: center !important; } /* Line total exactly below "مبلغ" with safe edge spacing. */ .shima-cart-page table.wc-block-cart-items .wc-block-cart-item__total { grid-area: total !important; width: 100% !important; min-width: 0 !important; margin: 0 !important; padding: 0 14px 0 4px !important; place-self: center stretch !important; direction: rtl !important; text-align: left !important; } /* Dedicated heading row already explains each value. */ .shima-cart-page table.wc-block-cart-items .wc-block-cart-item__prices::before, .shima-cart-page table.wc-block-cart-items .wc-block-cart-item__quantity::before, .shima-cart-page table.wc-block-cart-items .wc-block-cart-item__total::before { display: none !important; content: none !important; } .shima-cart-page table.wc-block-cart-items .wc-block-cart-item__prices .wc-block-components-product-price, .shima-cart-page table.wc-block-cart-items .wc-block-cart-item__prices .wc-block-formatted-money-amount, .shima-cart-page table.wc-block-cart-items .wc-block-cart-item__total .wc-block-components-product-price, .shima-cart-page table.wc-block-cart-items .wc-block-cart-item__total .wc-block-formatted-money-amount { font-size: 12px !important; line-height: 1.7 !important; font-weight: 950 !important; white-space: nowrap !important; } } /* Compact desktop adaptation while preserving the exact same column order. */ @media (max-width: 1280px) and (min-width: 981px) { .shima-cart-page { --shima-cart-col-total: 132px; --shima-cart-col-qty: 126px; --shima-cart-col-unit: 128px; --shima-cart-col-image: 82px; --shima-cart-col-index: 52px; --shima-cart-col-action: 48px; --shima-cart-col-gap: 8px; } .shima-cart-page .shima-cart-table-head, .shima-cart-page table.wc-block-cart-items .wc-block-cart-items__row { padding-inline: 12px !important; } .shima-cart-page table.wc-block-cart-items .wc-block-cart-item__image, .shima-cart-page table.wc-block-cart-items .wc-block-cart-item__image a, .shima-cart-page table.wc-block-cart-items .wc-block-cart-item__image img { width: 72px !important; min-width: 72px !important; max-width: 72px !important; height: 72px !important; max-height: 72px !important; } .shima-cart-page table.wc-block-cart-items .wc-block-components-product-name { font-size: 11.5px !important; } .shima-cart-page table.wc-block-cart-items .wc-block-components-quantity-selector { width: 104px !important; min-width: 104px !important; max-width: 104px !important; } } /* Mobile/tablet: custom desktop heading disappears and Woo's card layout remains usable. */ @media (max-width: 980px) { .shima-cart-page .shima-cart-table-head { display: none !important; } .shima-cart-page table.wc-block-cart-items .wc-block-cart-item__product, .shima-cart-page table.wc-block-cart-items .wc-block-cart-item__wrap, .shima-cart-page table.wc-block-cart-items .wc-block-cart-item__quantity { display: block !important; } } /* ======================================================================
   SHIMA STOREFRONT UI 2.7.4 — stable native Block Cart column architecture
   Previous display:contents approach was replaced with a safer two-level grid.
   Header and values now share the same tracks:
   عملیات | شماره ردیف | عکس محصول | نام محصول | قیمت واحد | تعداد کارتن | مبلغ
   ====================================================================== */ @media (min-width: 981px) { .shima-cart-page { --sc-action: 52px; --sc-index: 62px; --sc-image: 96px; --sc-unit: 150px; --sc-qty: 148px; --sc-total: 170px; --sc-gap: 12px; } /* Give the product matrix enough room and keep totals compact. */ .shima-cart-page .shima-transaction-content .wc-block-components-sidebar-layout { grid-template-columns: minmax(0, 1.72fr) minmax(300px, .68fr) !important; gap: 20px !important; } .shima-cart-page .shima-transaction-content .wc-block-cart__main { min-width: 0 !important; padding: 22px !important; } .shima-cart-page .shima-transaction-content .wc-block-cart__sidebar { min-width: 0 !important; max-width: 390px !important; width: 100% !important; justify-self: start !important; padding: 22px !important; } /* The Woo table becomes a block container; only rows retain semantics. */ .shima-cart-page table.wc-block-cart-items { display: block !important; width: 100% !important; min-width: 0 !important; max-width: 100% !important; margin: 0 !important; border: 0 !important; table-layout: auto !important; overflow: visible !important; } .shima-cart-page table.wc-block-cart-items > thead { display: none !important; } .shima-cart-page table.wc-block-cart-items > tbody { display: block !important; width: 100% !important; min-width: 0 !important; } /* One exact heading grid. */ .shima-cart-page .shima-cart-table-head { direction: rtl !important; display: grid !important; grid-template-columns: var(--sc-action) var(--sc-index) var(--sc-image) minmax(250px, 1fr) var(--sc-unit) var(--sc-qty) var(--sc-total) !important; gap: var(--sc-gap) !important; align-items: center !important; width: 100% !important; min-width: 0 !important; min-height: 50px !important; margin: 0 0 10px !important; padding: 0 18px 10px !important; box-sizing: border-box !important; border-bottom: 1px solid #e1ebe5 !important; color: #627168 !important; font-size: 11px !important; line-height: 1.55 !important; font-weight: 900 !important; } .shima-cart-page .shima-cart-table-head > span { min-width: 0 !important; margin: 0 !important; padding: 0 !important; text-align: center !important; white-space: nowrap !important; } .shima-cart-page .shima-cart-table-head .is-action { grid-column: 1 !important; } .shima-cart-page .shima-cart-table-head .is-index { grid-column: 2 !important; } .shima-cart-page .shima-cart-table-head .is-image { grid-column: 3 !important; } .shima-cart-page .shima-cart-table-head .is-name { grid-column: 4 !important; text-align: right !important; } .shima-cart-page .shima-cart-table-head .is-unit { grid-column: 5 !important; } .shima-cart-page .shima-cart-table-head .is-qty { grid-column: 6 !important; } .shima-cart-page .shima-cart-table-head .is-total { grid-column: 7 !important; text-align: left !important; } /* Row has five direct grid items: action, index, image, product-group, total. */ .shima-cart-page table.wc-block-cart-items .wc-block-cart-items__row { position: relative !important; direction: rtl !important; display: grid !important; grid-template-columns: var(--sc-action) var(--sc-index) var(--sc-image) minmax(250px, 1fr) var(--sc-unit) var(--sc-qty) var(--sc-total) !important; gap: var(--sc-gap) !important; align-items: center !important; width: 100% !important; min-width: 0 !important; min-height: 122px !important; margin: 0 0 12px !important; padding: 16px 18px !important; box-sizing: border-box !important; border: 1px solid #dfe9e3 !important; border-radius: 18px !important; background: linear-gradient(180deg, #fff 0%, #fcfefd 100%) !important; box-shadow: 0 9px 24px rgba(15,44,29,.04) !important; } /* Disable all previous pseudo/index hacks. */ .shima-cart-page table.wc-block-cart-items .wc-block-cart-items__row::before, .shima-cart-page table.wc-block-cart-items .wc-block-cart-items__row::after { content: none !important; display: none !important; } /* New direct operation/index cells. */ .shima-cart-page table.wc-block-cart-items .shima-cart-action-cell, .shima-cart-page table.wc-block-cart-items .shima-cart-index-cell { display: grid !important; place-items: center !important; width: auto !important; min-width: 0 !important; height: 100% !important; margin: 0 !important; padding: 0 !important; border: 0 !important; background: transparent !important; box-sizing: border-box !important; } .shima-cart-page table.wc-block-cart-items .shima-cart-action-cell { grid-column: 1 !important; } .shima-cart-page table.wc-block-cart-items .shima-cart-index-cell { grid-column: 2 !important; width: 36px !important; height: 36px !important; min-height: 36px !important; place-self: center !important; border: 1px solid #dbe7e0 !important; border-radius: 10px !important; background: #f6faf7 !important; color: #355046 !important; font-size: 11px !important; font-weight: 950 !important; } .shima-cart-page .shima-cart-remove-proxy { width: 38px !important; height: 38px !important; display: grid !important; place-items: center !important; margin: 0 !important; padding: 0 !important; border: 1px solid #ffd8de !important; border-radius: 11px !important; background: #fff2f4 !important; color: #d84a5c !important; cursor: pointer !important; transition: background .16s ease, border-color .16s ease, transform .16s ease !important; } .shima-cart-page .shima-cart-remove-proxy:hover, .shima-cart-page .shima-cart-remove-proxy:focus-visible { background: #ffe8eb !important; border-color: #f3b5bf !important; transform: translateY(-1px) !important; outline: 0 !important; } /* Native image cell sits exactly in column 3. */ .shima-cart-page table.wc-block-cart-items .wc-block-cart-item__image { grid-column: 3 !important; position: static !important; inset: auto !important; display: grid !important; place-items: center !important; width: 88px !important; min-width: 88px !important; max-width: 88px !important; height: 88px !important; margin: 0 !important; padding: 0 !important; float: none !important; border: 0 !important; background: transparent !important; } .shima-cart-page table.wc-block-cart-items .wc-block-cart-item__image a, .shima-cart-page table.wc-block-cart-items .wc-block-cart-item__image img { display: block !important; width: 88px !important; min-width: 88px !important; max-width: 88px !important; height: 88px !important; max-height: 88px !important; margin: 0 !important; padding: 0 !important; } .shima-cart-page table.wc-block-cart-items .wc-block-cart-item__image img { object-fit: cover !important; border: 1px solid #dfe9e3 !important; border-radius: 14px !important; background: #f7faf8 !important; } /* Product TD spans name + unit price + quantity tracks. */ .shima-cart-page table.wc-block-cart-items .wc-block-cart-item__product { grid-column: 4 / 7 !important; display: grid !important; grid-template-columns: subgrid !important; gap: var(--sc-gap) !important; align-items: center !important; width: 100% !important; min-width: 0 !important; max-width: 100% !important; margin: 0 !important; padding: 0 !important; border: 0 !important; background: transparent !important; text-align: right !important; } .shima-cart-page table.wc-block-cart-items .wc-block-cart-item__wrap { grid-column: 1 / -1 !important; display: grid !important; grid-template-columns: subgrid !important; grid-template-rows: auto auto !important; gap: 4px var(--sc-gap) !important; align-items: center !important; width: 100% !important; min-width: 0 !important; max-width: 100% !important; margin: 0 !important; padding: 0 !important; } /* Name is column 4 of the outer grid (column 1 of product subgrid). */ .shima-cart-page table.wc-block-cart-items .wc-block-components-product-name { grid-column: 1 !important; grid-row: 1 !important; align-self: end !important; justify-self: stretch !important; width: 100% !important; min-width: 0 !important; max-width: 100% !important; margin: 0 !important; padding: 0 4px !important; color: #132119 !important; font-size: 12.5px !important; line-height: 1.85 !important; font-weight: 900 !important; text-align: right !important; white-space: normal !important; overflow: visible !important; text-overflow: clip !important; overflow-wrap: anywhere !important; } .shima-cart-page table.wc-block-cart-items .wc-block-components-product-metadata { grid-column: 1 !important; grid-row: 2 !important; align-self: start !important; justify-self: stretch !important; width: 100% !important; min-width: 0 !important; margin: 2px 4px 0 !important; color: #78847d !important; font-size: 9.5px !important; line-height: 1.65 !important; font-weight: 700 !important; text-align: right !important; } /* Unit price is column 5 of outer grid (column 2 of product subgrid). */ .shima-cart-page table.wc-block-cart-items .wc-block-cart-item__prices { grid-column: 2 !important; grid-row: 1 / 3 !important; align-self: center !important; justify-self: stretch !important; width: 100% !important; min-width: 0 !important; margin: 0 !important; padding: 0 !important; text-align: center !important; } /* Quantity is column 6 of outer grid (column 3 of product subgrid). */ .shima-cart-page table.wc-block-cart-items .wc-block-cart-item__quantity { grid-column: 3 !important; grid-row: 1 / 3 !important; display: flex !important; flex-direction: column !important; align-items: center !important; justify-content: center !important; width: 100% !important; min-width: 0 !important; margin: 0 !important; padding: 0 !important; } .shima-cart-page table.wc-block-cart-items .wc-block-components-quantity-selector { width: 118px !important; min-width: 118px !important; max-width: 118px !important; min-height: 44px !important; margin: 0 auto !important; } /* Hide Woo's original remove control; proxy in column 1 triggers it. */ .shima-cart-page table.wc-block-cart-items .wc-block-cart-item__remove-link { position: absolute !important; width: 1px !important; height: 1px !important; margin: -1px !important; padding: 0 !important; overflow: hidden !important; clip: rect(0 0 0 0) !important; clip-path: inset(50%) !important; white-space: nowrap !important; border: 0 !important; } /* Line total is direct column 7. */ .shima-cart-page table.wc-block-cart-items .wc-block-cart-item__total { grid-column: 7 !important; display: flex !important; align-items: center !important; justify-content: flex-end !important; width: 100% !important; min-width: 0 !important; margin: 0 !important; padding: 0 8px 0 0 !important; border: 0 !important; background: transparent !important; text-align: left !important; } /* Header already labels these values. */ .shima-cart-page table.wc-block-cart-items .wc-block-cart-item__prices::before, .shima-cart-page table.wc-block-cart-items .wc-block-cart-item__quantity::before, .shima-cart-page table.wc-block-cart-items .wc-block-cart-item__total::before { display: none !important; content: none !important; } .shima-cart-page table.wc-block-cart-items .wc-block-cart-item__prices .wc-block-components-product-price, .shima-cart-page table.wc-block-cart-items .wc-block-cart-item__prices .wc-block-formatted-money-amount, .shima-cart-page table.wc-block-cart-items .wc-block-cart-item__total .wc-block-components-product-price, .shima-cart-page table.wc-block-cart-items .wc-block-cart-item__total .wc-block-formatted-money-amount { color: #087b43 !important; font-size: 12px !important; line-height: 1.7 !important; font-weight: 950 !important; white-space: nowrap !important; } /* Prevent old rules from turning product internals into row-level grid items. */ .shima-cart-page table.wc-block-cart-items .wc-block-cart-item__product, .shima-cart-page table.wc-block-cart-items .wc-block-cart-item__wrap, .shima-cart-page table.wc-block-cart-items .wc-block-cart-item__quantity { box-sizing: border-box !important; } } /* Fallback for browsers without CSS subgrid. */ @supports not (grid-template-columns: subgrid) { @media (min-width: 981px) { .shima-cart-page table.wc-block-cart-items .wc-block-cart-item__product, .shima-cart-page table.wc-block-cart-items .wc-block-cart-item__wrap { grid-template-columns: minmax(250px, 1fr) var(--sc-unit) var(--sc-qty) !important; } } } /* Compact desktop: keep all seven columns aligned without overflow. */ @media (max-width: 1280px) and (min-width: 981px) { .shima-cart-page { --sc-action: 44px; --sc-index: 50px; --sc-image: 78px; --sc-unit: 126px; --sc-qty: 118px; --sc-total: 138px; --sc-gap: 8px; } .shima-cart-page .shima-cart-table-head, .shima-cart-page table.wc-block-cart-items .wc-block-cart-items__row { grid-template-columns: var(--sc-action) var(--sc-index) var(--sc-image) minmax(210px, 1fr) var(--sc-unit) var(--sc-qty) var(--sc-total) !important; padding-inline: 12px !important; } .shima-cart-page table.wc-block-cart-items .wc-block-cart-item__image, .shima-cart-page table.wc-block-cart-items .wc-block-cart-item__image a, .shima-cart-page table.wc-block-cart-items .wc-block-cart-item__image img { width: 70px !important; min-width: 70px !important; max-width: 70px !important; height: 70px !important; max-height: 70px !important; } .shima-cart-page table.wc-block-cart-items .wc-block-components-product-name { font-size: 11.3px !important; } .shima-cart-page table.wc-block-cart-items .wc-block-components-quantity-selector { width: 102px !important; min-width: 102px !important; max-width: 102px !important; } } /* Mobile/tablet: remove injected desktop cells/header and keep card presentation. */ @media (max-width: 980px) { .shima-cart-page .shima-cart-table-head, .shima-cart-page table.wc-block-cart-items .shima-cart-action-cell, .shima-cart-page table.wc-block-cart-items .shima-cart-index-cell { display: none !important; } .shima-cart-page table.wc-block-cart-items .wc-block-cart-item__product, .shima-cart-page table.wc-block-cart-items .wc-block-cart-item__wrap, .shima-cart-page table.wc-block-cart-items .wc-block-cart-item__quantity { display: block !important; grid-template-columns: none !important; } .shima-cart-page table.wc-block-cart-items .wc-block-cart-item__remove-link { position: static !important; width: auto !important; height: auto !important; margin: 0 !important; overflow: visible !important; clip: auto !important; clip-path: none !important; white-space: normal !important; } } /* ======================================================================
   SHIMA STOREFRONT UI 2.7.5 — stable custom wholesale cart desktop grid
   A dedicated synchronized view avoids Woo Blocks nested-grid drift and keeps
   every value exactly below its column title.
   ====================================================================== */ @media (min-width: 981px) { .shima-cart-page .shima-cart-table-head { display: none !important; } .shima-cart-page table.wc-block-cart-items { position: absolute !important; width: 1px !important; height: 1px !important; margin: 0 !important; padding: 0 !important; overflow: hidden !important; clip: rect(0 0 0 0) !important; clip-path: inset(50%) !important; white-space: nowrap !important; border: 0 !important; } .shima-cart-page .shima-cart-premium-grid { --shima-cart-action: 64px; --shima-cart-index: 72px; --shima-cart-image: 106px; --shima-cart-name: minmax(300px, 1fr); --shima-cart-unit: 158px; --shima-cart-qty: 154px; --shima-cart-total: 176px; width: 100%; min-width: 0; direction: rtl; color: #15231b; } .shima-cart-page .shima-cart-premium-head, .shima-cart-page .shima-cart-premium-row { display: grid; grid-template-columns: var(--shima-cart-action) var(--shima-cart-index) var(--shima-cart-image) var(--shima-cart-name) var(--shima-cart-unit) var(--shima-cart-qty) var(--shima-cart-total); align-items: center; column-gap: 12px; width: 100%; min-width: 0; box-sizing: border-box; } .shima-cart-page .shima-cart-premium-head { min-height: 56px; padding: 0 18px 10px; border-bottom: 1px solid #dfe9e3; color: #64736b; font-size: 11px; line-height: 1.5; font-weight: 900; } .shima-cart-page .shima-cart-premium-head > span { min-width: 0; text-align: center; white-space: nowrap; } .shima-cart-page .shima-cart-premium-head > span:nth-child(4) { text-align: right; } .shima-cart-page .shima-cart-premium-head > span:last-child { text-align: left; } .shima-cart-page .shima-cart-premium-body { display: grid; gap: 12px; padding-top: 10px; } .shima-cart-page .shima-cart-premium-row { min-height: 128px; padding: 16px 18px; border: 1px solid #dfe9e3; border-radius: 18px; background: linear-gradient(180deg, #fff 0%, #fbfdfc 100%); box-shadow: 0 10px 26px rgba(15,44,29,.04); } .shima-cart-page .shima-cart-premium-cell { min-width: 0; display: flex; align-items: center; justify-content: center; } .shima-cart-page .shima-cart-premium-cell.is-action button { width: 38px; height: 38px; display: grid; place-items: center; border: 1px solid #ffd3d9; border-radius: 11px; background: #fff2f4; color: #dc4859; cursor: pointer; } .shima-cart-page .shima-cart-premium-cell.is-action button:hover { background: #ffe8ec; border-color: #f6b4bd; } .shima-cart-page .shima-cart-premium-cell.is-index span { width: 36px; height: 36px; display: grid; place-items: center; border: 1px solid #dce8e1; border-radius: 10px; background: #f6faf7; color: #365247; font-size: 11px; font-weight: 950; } .shima-cart-page .shima-cart-premium-cell.is-image a, .shima-cart-page .shima-cart-premium-cell.is-image img { display: block; width: 88px; height: 88px; } .shima-cart-page .shima-cart-premium-cell.is-image img { object-fit: cover; border: 1px solid #dce7e0; border-radius: 15px; background: #f6faf7; } .shima-cart-page .shima-cart-premium-cell.is-name { justify-content: flex-start; padding-inline: 4px 10px; text-align: right; } .shima-cart-page .shima-cart-premium-cell.is-name a { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; max-width: 100%; color: #132119; font-size: 12.5px; line-height: 1.9; font-weight: 900; text-decoration: none; overflow-wrap: anywhere; } .shima-cart-page .shima-cart-premium-cell.is-unit strong, .shima-cart-page .shima-cart-premium-cell.is-total strong { color: #087b43; font-size: 12.5px; line-height: 1.7; font-weight: 950; white-space: nowrap; } .shima-cart-page .shima-cart-premium-cell.is-total { justify-content: flex-start; padding-left: 8px; } .shima-cart-page .shima-cart-premium-stepper { width: 132px; min-height: 46px; display: grid; grid-template-columns: 40px 1fr 40px; align-items: center; overflow: hidden; border: 1px solid #d9e5de; border-radius: 13px; background: #f7fbf8; } .shima-cart-page .shima-cart-premium-stepper button { height: 46px; border: 0; background: transparent; color: #55645c; font-size: 17px; cursor: pointer; } .shima-cart-page .shima-cart-premium-stepper button:hover { background: #eef7f1; } .shima-cart-page .shima-cart-premium-stepper strong { color: #122018; font-size: 14px; font-weight: 950; } .shima-cart-page .wc-block-cart__sidebar .wc-block-cart__totals-title { font-size: 17px !important; } .shima-cart-page .shima-cart-carton-total { min-height: 48px; display: flex; align-items: center; justify-content: space-between; gap: 16px; padding: 10px 0; border-top: 1px solid #e2ebe6; color: #45554c; font-size: 13px; line-height: 1.7; font-weight: 900; } .shima-cart-page .shima-cart-carton-total strong { color: #087b43; font-size: 13px; font-weight: 950; white-space: nowrap; } } @media (max-width: 1320px) and (min-width: 981px) { .shima-cart-page .shima-cart-premium-grid { --shima-cart-action: 54px; --shima-cart-index: 60px; --shima-cart-image: 88px; --shima-cart-name: minmax(250px, 1fr); --shima-cart-unit: 138px; --shima-cart-qty: 140px; --shima-cart-total: 150px; } .shima-cart-page .shima-cart-premium-head, .shima-cart-page .shima-cart-premium-row { column-gap: 9px; padding-inline: 12px; } .shima-cart-page .shima-cart-premium-cell.is-image a, .shima-cart-page .shima-cart-premium-cell.is-image img { width: 74px; height: 74px; } .shima-cart-page .shima-cart-premium-cell.is-name a { font-size: 11.5px; } .shima-cart-page .shima-cart-premium-cell.is-unit strong, .shima-cart-page .shima-cart-premium-cell.is-total strong { font-size: 11.5px; } .shima-cart-page .shima-cart-premium-stepper { width: 118px; } } @media (max-width: 980px) { .shima-cart-page .shima-cart-premium-grid { display: none !important; } .shima-cart-page table.wc-block-cart-items { position: static !important; width: 100% !important; height: auto !important; overflow: visible !important; clip: auto !important; clip-path: none !important; white-space: normal !important; } } /* ======================================================================
   SHIMA STOREFRONT UI 2.7.6 — cart table exact-fit alignment
   Keep every value directly below its heading, guarantee line-total
   visibility, and render row number as plain informational text.
   ====================================================================== */ @media (min-width: 981px) { .shima-cart-page .shima-cart-premium-grid { --shima-cart-action: 46px; --shima-cart-index: 52px; --shima-cart-image: 82px; --shima-cart-name: minmax(190px, 1.65fr); --shima-cart-unit: minmax(104px, .78fr); --shima-cart-qty: 128px; --shima-cart-total: minmax(118px, .88fr); overflow: hidden; } .shima-cart-page .shima-cart-premium-head, .shima-cart-page .shima-cart-premium-row { grid-template-columns: var(--shima-cart-action) var(--shima-cart-index) var(--shima-cart-image) var(--shima-cart-name) var(--shima-cart-unit) var(--shima-cart-qty) var(--shima-cart-total) !important; column-gap: 8px !important; padding-inline: 12px !important; } .shima-cart-page .shima-cart-premium-head { min-height: 54px; padding-bottom: 9px !important; font-size: 10.5px; } .shima-cart-page .shima-cart-premium-head > span, .shima-cart-page .shima-cart-premium-cell { justify-self: stretch; text-align: center !important; } .shima-cart-page .shima-cart-premium-head > span:nth-child(4), .shima-cart-page .shima-cart-premium-cell.is-name { text-align: right !important; } .shima-cart-page .shima-cart-premium-row { min-height: 116px; padding-block: 14px !important; } .shima-cart-page .shima-cart-premium-cell { width: 100%; min-width: 0; justify-content: center !important; } /* Row number is informational, not an input/quantity control. */ .shima-cart-page .shima-cart-premium-cell.is-index span { width: auto !important; height: auto !important; min-width: 0 !important; display: inline !important; padding: 0 !important; border: 0 !important; border-radius: 0 !important; background: transparent !important; box-shadow: none !important; color: #506158 !important; font-size: 12px !important; line-height: 1.6 !important; font-weight: 950 !important; font-variant-numeric: tabular-nums; } .shima-cart-page .shima-cart-premium-cell.is-image a, .shima-cart-page .shima-cart-premium-cell.is-image img { width: 72px !important; height: 72px !important; } .shima-cart-page .shima-cart-premium-cell.is-name { justify-content: flex-start !important; padding-inline: 8px 4px !important; } .shima-cart-page .shima-cart-premium-cell.is-name a { width: 100%; font-size: 11.5px !important; line-height: 1.85 !important; text-align: right !important; } .shima-cart-page .shima-cart-premium-cell.is-unit, .shima-cart-page .shima-cart-premium-cell.is-qty, .shima-cart-page .shima-cart-premium-cell.is-total { justify-content: center !important; padding: 0 !important; } .shima-cart-page .shima-cart-premium-cell.is-unit strong, .shima-cart-page .shima-cart-premium-cell.is-total strong { width: 100%; color: #087b43; font-size: 11.5px !important; line-height: 1.7; font-weight: 950; text-align: center; white-space: nowrap; font-variant-numeric: tabular-nums; } .shima-cart-page .shima-cart-premium-stepper { width: 112px !important; min-height: 42px !important; grid-template-columns: 34px 1fr 34px !important; border-radius: 12px; } .shima-cart-page .shima-cart-premium-stepper button { height: 42px !important; font-size: 15px !important; } .shima-cart-page .shima-cart-premium-stepper strong { font-size: 13px !important; } .shima-cart-page .shima-cart-premium-cell.is-action button { width: 34px; height: 34px; border-radius: 10px; } } @media (max-width: 1180px) and (min-width: 981px) { .shima-cart-page .shima-cart-premium-grid { --shima-cart-action: 42px; --shima-cart-index: 44px; --shima-cart-image: 68px; --shima-cart-name: minmax(160px, 1.6fr); --shima-cart-unit: minmax(92px, .78fr); --shima-cart-qty: 108px; --shima-cart-total: minmax(106px, .86fr); } .shima-cart-page .shima-cart-premium-head, .shima-cart-page .shima-cart-premium-row { column-gap: 6px !important; padding-inline: 9px !important; } .shima-cart-page .shima-cart-premium-cell.is-image a, .shima-cart-page .shima-cart-premium-cell.is-image img { width: 60px !important; height: 60px !important; } .shima-cart-page .shima-cart-premium-stepper { width: 98px !important; } .shima-cart-page .shima-cart-premium-cell.is-name a, .shima-cart-page .shima-cart-premium-cell.is-unit strong, .shima-cart-page .shima-cart-premium-cell.is-total strong { font-size: 10.5px !important; } } /* ======================================================================
   SHIMA STOREFRONT UI 2.8.0 — Premium checkout / completion step
   - Stable RTL two-column checkout layout
   - Cleaner WooCommerce Blocks + Classic Checkout
   - Permanent Vazirmatn typography lock for checkout controls
   - Better field rhythm, summary proportions, mobile/tablet responsiveness
   ====================================================================== */ .shima-checkout-page { --shima-checkout-green: #087b43; --shima-checkout-green-deep: #075f36; --shima-checkout-soft: #f3faf6; --shima-checkout-line: #dce8e1; --shima-checkout-line-2: #e9f0ec; --shima-checkout-text: #142219; --shima-checkout-muted: #65746b; --shima-checkout-shadow: 0 14px 38px rgba(14, 46, 28, .055); --shima-checkout-shadow-soft: 0 8px 24px rgba(14, 46, 28, .035); } /* Permanent Vazirmatn lock for all checkout UI, including Woo Blocks. */ .shima-checkout-page, .shima-checkout-page .shima-transaction-content, .shima-checkout-page .shima-transaction-content *, .shima-checkout-page input, .shima-checkout-page select, .shima-checkout-page textarea, .shima-checkout-page button, .shima-checkout-page label, .shima-checkout-page .select2-container, .shima-checkout-page .select2-results, .shima-checkout-page .select2-search__field { font-family: "Vazirmatn", Tahoma, Arial, sans-serif !important; } .shima-checkout-page input::placeholder, .shima-checkout-page textarea::placeholder { font-family: "Vazirmatn", Tahoma, Arial, sans-serif !important; } /* ---------- Page header + progress ---------- */ .shima-checkout-page .shima-transaction-head { min-height: 148px; padding: 28px 30px; border-radius: 24px; background: radial-gradient(circle at 9% 22%, rgba(8,123,67,.085), transparent 18rem), linear-gradient(135deg, #eff9f3 0%, #ffffff 70%); } .shima-checkout-page .shima-transaction-head h1 { margin: 8px 0 6px; font-size: clamp(28px, 2.15vw, 36px); line-height: 1.35; font-weight: 950; } .shima-checkout-page .shima-transaction-head p { max-width: 760px; color: #526158; font-size: 13px; line-height: 1.95; font-weight: 750; } .shima-checkout-page .shima-transaction-badges > span { min-height: 42px; padding-inline: 14px; font-size: 11px; font-weight: 900; } .shima-checkout-page .shima-checkout-progress { min-height: 88px; margin-top: 14px; padding: 8px; border-radius: 20px; } .shima-checkout-page .shima-checkout-progress > div { min-height: 70px; padding: 8px 15px; border-radius: 14px; } .shima-checkout-page .shima-checkout-progress strong { font-size: 12.5px; line-height: 1.55; } .shima-checkout-page .shima-checkout-progress small { font-size: 10px; line-height: 1.5; } .shima-checkout-page .shima-transaction-content { margin-top: 18px; } /* ======================================================================
   WooCommerce Checkout Blocks — desktop
   Physical layout: summary on the LEFT, form on the RIGHT.
   We force LTR on the outer grid only so track placement is deterministic,
   then restore RTL inside both columns.
   ====================================================================== */ @media (min-width: 981px) { .shima-checkout-page .shima-transaction-content .wp-block-woocommerce-checkout, .shima-checkout-page .shima-transaction-content .wc-block-checkout { width: 100% !important; max-width: none !important; margin: 0 !important; } .shima-checkout-page .shima-transaction-content .wc-block-components-sidebar-layout { display: grid !important; direction: ltr !important; grid-template-columns: 360px minmax(0, 1fr) !important; grid-template-areas: "sidebar main" !important; gap: 22px !important; align-items: start !important; width: 100% !important; max-width: none !important; } .shima-checkout-page .shima-transaction-content .wc-block-checkout__main { grid-area: main !important; direction: rtl !important; width: 100% !important; min-width: 0 !important; max-width: none !important; padding: 0 !important; border: 0 !important; border-radius: 0 !important; background: transparent !important; box-shadow: none !important; } .shima-checkout-page .shima-transaction-content .wc-block-checkout__sidebar { grid-area: sidebar !important; direction: rtl !important; position: sticky !important; top: 96px !important; width: 360px !important; min-width: 360px !important; max-width: 360px !important; padding: 20px !important; border: 1px solid var(--shima-checkout-line) !important; border-radius: 22px !important; background: linear-gradient(180deg, #ffffff 0%, #f5faf7 100%) !important; box-shadow: var(--shima-checkout-shadow) !important; box-sizing: border-box !important; } } /* Main checkout sections become deliberate premium cards. */ .shima-checkout-page .wc-block-checkout__main .wc-block-components-checkout-step { margin: 0 0 14px !important; padding: 20px 22px !important; border: 1px solid var(--shima-checkout-line) !important; border-radius: 20px !important; background: #fff !important; box-shadow: var(--shima-checkout-shadow-soft) !important; } .shima-checkout-page .wc-block-checkout__main .wc-block-components-checkout-step:last-child { margin-bottom: 0 !important; } .shima-checkout-page .wc-block-components-checkout-step__heading { margin: 0 0 14px !important; } .shima-checkout-page .wc-block-components-checkout-step__heading-content, .shima-checkout-page .wc-block-components-title { color: var(--shima-checkout-text) !important; font-size: 16px !important; line-height: 1.65 !important; font-weight: 950 !important; } .shima-checkout-page .wc-block-components-checkout-step__description, .shima-checkout-page .wc-block-components-checkout-step__container p, .shima-checkout-page .wc-block-components-checkbox__label, .shima-checkout-page .wc-block-components-radio-control__label { color: var(--shima-checkout-muted) !important; font-size: 11.5px !important; line-height: 1.85 !important; font-weight: 700 !important; } /* Address forms: calm two-column field grid. */ .shima-checkout-page .wc-block-components-address-form { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 12px 14px !important; align-items: start !important; } .shima-checkout-page .wc-block-components-address-form > * { width: 100% !important; min-width: 0 !important; margin: 0 !important; box-sizing: border-box !important; } .shima-checkout-page .wc-block-components-address-form__address_1, .shima-checkout-page .wc-block-components-address-form__address_2, .shima-checkout-page .wc-block-components-address-form__company, .shima-checkout-page .wc-block-components-address-form__country, .shima-checkout-page .wc-block-components-address-form__phone, .shima-checkout-page .wc-block-components-address-form__email { grid-column: 1 / -1 !important; } /* Inputs / selects / floating labels. */ .shima-checkout-page .wc-block-components-text-input, .shima-checkout-page .wc-block-components-combobox, .shima-checkout-page .wc-block-components-select, .shima-checkout-page .wc-block-components-textarea { margin: 0 !important; } .shima-checkout-page .wc-block-components-text-input input, .shima-checkout-page .wc-block-components-combobox .wc-block-components-combobox-control input, .shima-checkout-page .wc-block-components-address-form input, .shima-checkout-page .wc-block-components-address-form select, .shima-checkout-page .wc-block-components-select .wc-block-components-select__select, .shima-checkout-page .wc-block-components-textarea, .shima-checkout-page .wc-block-components-textarea textarea { min-height: 50px !important; padding-inline: 13px !important; border: 1px solid #d7e4dc !important; border-radius: 12px !important; background: #fbfdfc !important; color: #26352c !important; font-size: 12.5px !important; line-height: 1.7 !important; font-weight: 700 !important; box-shadow: none !important; } .shima-checkout-page .wc-block-components-textarea, .shima-checkout-page .wc-block-components-textarea textarea { min-height: 92px !important; } .shima-checkout-page .wc-block-components-text-input label, .shima-checkout-page .wc-block-components-combobox label, .shima-checkout-page .wc-block-components-select label, .shima-checkout-page .wc-block-components-address-form label { color: #46564d !important; font-size: 11.5px !important; font-weight: 850 !important; } .shima-checkout-page .wc-block-components-text-input input:focus, .shima-checkout-page .wc-block-components-combobox .wc-block-components-combobox-control input:focus, .shima-checkout-page .wc-block-components-address-form input:focus, .shima-checkout-page .wc-block-components-address-form select:focus, .shima-checkout-page .wc-block-components-select .wc-block-components-select__select:focus, .shima-checkout-page .wc-block-components-textarea:focus-within { border-color: #8cc8a5 !important; box-shadow: 0 0 0 4px rgba(8,123,67,.08) !important; outline: 0 !important; } /* Address card / same-address control. */ .shima-checkout-page .wc-block-components-address-card, .shima-checkout-page .wc-block-components-radio-control-accordion-option, .shima-checkout-page .wc-block-components-radio-control__option, .shima-checkout-page .wc-block-components-panel { border: 1px solid #e0eae4 !important; border-radius: 14px !important; background: #fafdfb !important; } .shima-checkout-page .wc-block-components-address-card { padding: 14px 16px !important; } /* Order summary — compact, readable, not a second full page. */ .shima-checkout-page .wc-block-checkout__sidebar .wc-block-components-order-summary, .shima-checkout-page .wc-block-checkout__sidebar .wc-block-components-totals-wrapper { width: 100% !important; max-width: 100% !important; margin: 0 !important; padding: 0 !important; border: 0 !important; border-radius: 0 !important; background: transparent !important; box-shadow: none !important; } .shima-checkout-page .wc-block-checkout__sidebar .wc-block-components-order-summary-heading, .shima-checkout-page .wc-block-checkout__sidebar .wc-block-components-title { margin: 0 0 12px !important; color: var(--shima-checkout-text) !important; font-size: 16px !important; line-height: 1.6 !important; font-weight: 950 !important; } .shima-checkout-page .wc-block-components-order-summary-item { grid-template-columns: 68px minmax(0, 1fr) !important; gap: 11px !important; padding: 12px 0 !important; border-bottom: 1px solid var(--shima-checkout-line-2) !important; } .shima-checkout-page .wc-block-components-order-summary-item__image img { width: 66px !important; height: 66px !important; object-fit: cover !important; border-radius: 13px !important; } .shima-checkout-page .wc-block-components-order-summary-item__description .wc-block-components-product-name { color: var(--shima-checkout-text) !important; font-size: 11.5px !important; line-height: 1.8 !important; font-weight: 900 !important; } .shima-checkout-page .wc-block-components-order-summary-item__individual-prices, .shima-checkout-page .wc-block-components-product-metadata, .shima-checkout-page .wc-block-components-order-summary-item__quantity { color: #6f7e75 !important; font-size: 10px !important; line-height: 1.65 !important; font-weight: 750 !important; } .shima-checkout-page .wc-block-components-totals-wrapper { margin-top: 14px !important; padding-top: 14px !important; border-top: 1px solid var(--shima-checkout-line) !important; } .shima-checkout-page .wc-block-components-totals-item { min-height: 38px !important; padding: 6px 0 !important; } .shima-checkout-page .wc-block-components-totals-item__label { color: #4a5a51 !important; font-size: 11.5px !important; font-weight: 850 !important; } .shima-checkout-page .wc-block-components-totals-item__value, .shima-checkout-page .wc-block-formatted-money-amount { color: var(--shima-checkout-green) !important; font-size: 12.5px !important; font-weight: 950 !important; } .shima-checkout-page .wc-block-components-totals-footer-item .wc-block-components-totals-item__label, .shima-checkout-page .wc-block-components-totals-footer-item .wc-block-components-totals-item__value, .shima-checkout-page .wc-block-components-totals-footer-item .wc-block-formatted-money-amount { color: var(--shima-checkout-text) !important; font-size: 14px !important; font-weight: 950 !important; } /* Payment / actions / legal copy. */ .shima-checkout-page .wc-block-checkout__payment-method .wc-block-components-radio-control-accordion-option, .shima-checkout-page .wc-block-components-payment-methods { overflow: hidden; border-radius: 14px !important; } .shima-checkout-page .wc-block-components-checkout-place-order-button, .shima-checkout-page .wc-block-components-checkout-return-to-cart-button { min-height: 52px !important; border-radius: 13px !important; font-size: 12.5px !important; font-weight: 950 !important; } .shima-checkout-page .wc-block-components-checkout-place-order-button { width: 100% !important; } .shima-checkout-page .wc-block-components-checkout-step__container .wc-block-components-checkbox, .shima-checkout-page .wc-block-components-checkout-step__container .wc-block-components-terms-and-conditions, .shima-checkout-page .wc-block-components-checkout-step__container .wc-block-components-privacy-policy { color: #65746b !important; font-size: 10.5px !important; line-height: 1.9 !important; } /* ======================================================================
   Classic WooCommerce Checkout — same premium design language.
   ====================================================================== */ @media (min-width: 981px) { .shima-checkout-page form.woocommerce-checkout { display: grid !important; direction: ltr !important; grid-template-columns: 360px minmax(0, 1fr) !important; grid-template-areas: "review-heading customer" "review customer" !important; gap: 0 22px !important; align-items: start !important; } .shima-checkout-page form.woocommerce-checkout #customer_details { grid-area: customer !important; direction: rtl !important; width: 100% !important; min-width: 0 !important; padding: 22px !important; border-radius: 20px !important; } .shima-checkout-page form.woocommerce-checkout #order_review_heading { grid-area: review-heading !important; direction: rtl !important; margin: 0 !important; padding: 20px 20px 10px !important; border: 1px solid var(--shima-checkout-line) !important; border-bottom: 0 !important; border-radius: 20px 20px 0 0 !important; background: #fff !important; } .shima-checkout-page form.woocommerce-checkout #order_review { grid-area: review !important; direction: rtl !important; position: sticky !important; top: 96px !important; margin: 0 !important; padding: 0 20px 20px !important; border: 1px solid var(--shima-checkout-line) !important; border-top: 0 !important; border-radius: 0 0 20px 20px !important; background: linear-gradient(180deg, #fff, #f5faf7) !important; box-shadow: var(--shima-checkout-shadow) !important; } } .shima-checkout-page .woocommerce-billing-fields h3, .shima-checkout-page .woocommerce-shipping-fields h3, .shima-checkout-page .woocommerce-additional-fields h3, .shima-checkout-page #order_review_heading { margin: 0 0 16px !important; color: var(--shima-checkout-text) !important; font-size: 17px !important; line-height: 1.6 !important; font-weight: 950 !important; } .shima-checkout-page .woocommerce form .form-row { margin-bottom: 12px !important; } .shima-checkout-page .woocommerce form .form-row label { margin-bottom: 6px !important; color: #46564d !important; font-size: 11.5px !important; line-height: 1.6 !important; font-weight: 850 !important; } .shima-checkout-page .woocommerce form .form-row input.input-text, .shima-checkout-page .woocommerce form .form-row textarea, .shima-checkout-page .woocommerce form .form-row select, .shima-checkout-page .select2-container--default .select2-selection--single { min-height: 50px !important; padding-inline: 13px !important; border: 1px solid #d7e4dc !important; border-radius: 12px !important; background: #fbfdfc !important; color: #26352c !important; font-size: 12.5px !important; font-weight: 700 !important; } .shima-checkout-page .woocommerce form .form-row textarea { min-height: 96px !important; padding-block: 11px !important; } .shima-checkout-page .select2-container--default .select2-selection--single .select2-selection__rendered { line-height: 48px !important; } .shima-checkout-page .select2-container--default .select2-selection--single .select2-selection__arrow { height: 48px !important; } .shima-checkout-page .woocommerce-checkout-review-order-table { margin-bottom: 14px !important; border: 0 !important; background: transparent !important; } .shima-checkout-page .woocommerce-checkout-review-order-table th, .shima-checkout-page .woocommerce-checkout-review-order-table td { padding: 11px 0 !important; border-color: var(--shima-checkout-line-2) !important; background: transparent !important; font-size: 11px !important; line-height: 1.8 !important; } .shima-checkout-page .woocommerce-checkout-payment { border: 1px solid var(--shima-checkout-line) !important; border-radius: 14px !important; background: #f7fbf8 !important; } .shima-checkout-page #place_order { width: 100% !important; min-height: 52px !important; margin-top: 12px !important; border-radius: 13px !important; font-size: 12.5px !important; } /* ---------- Tablet ---------- */ @media (max-width: 1180px) and (min-width: 981px) { .shima-checkout-page .shima-transaction-content .wc-block-components-sidebar-layout { grid-template-columns: 330px minmax(0, 1fr) !important; gap: 18px !important; } .shima-checkout-page .shima-transaction-content .wc-block-checkout__sidebar { width: 330px !important; min-width: 330px !important; max-width: 330px !important; } .shima-checkout-page form.woocommerce-checkout { grid-template-columns: 330px minmax(0, 1fr) !important; gap: 0 18px !important; } } /* ---------- Mobile / narrow tablet ---------- */ @media (max-width: 980px) { .shima-checkout-page .shima-transaction-head { min-height: 0; padding: 22px 18px; } .shima-checkout-page .shima-transaction-head h1 { font-size: 24px; } .shima-checkout-page .shima-transaction-head p { font-size: 11.5px; } .shima-checkout-page .shima-checkout-progress { min-height: 0; padding: 8px; } .shima-checkout-page .shima-checkout-progress > div { min-height: 62px; padding: 7px 10px; } .shima-checkout-page .shima-transaction-content .wc-block-components-sidebar-layout { display: block !important; direction: rtl !important; } .shima-checkout-page .shima-transaction-content .wc-block-checkout__main, .shima-checkout-page .shima-transaction-content .wc-block-checkout__sidebar { position: static !important; top: auto !important; width: 100% !important; min-width: 0 !important; max-width: none !important; } .shima-checkout-page .shima-transaction-content .wc-block-checkout__sidebar { margin-top: 14px !important; padding: 16px !important; border-radius: 18px !important; } .shima-checkout-page .wc-block-checkout__main .wc-block-components-checkout-step { padding: 16px !important; border-radius: 18px !important; } .shima-checkout-page .wc-block-components-address-form { grid-template-columns: 1fr !important; gap: 10px !important; } .shima-checkout-page .wc-block-components-address-form > * { grid-column: 1 !important; } .shima-checkout-page form.woocommerce-checkout { display: block !important; direction: rtl !important; } .shima-checkout-page form.woocommerce-checkout #customer_details, .shima-checkout-page form.woocommerce-checkout #order_review_heading, .shima-checkout-page form.woocommerce-checkout #order_review { position: static !important; width: 100% !important; margin: 0 0 14px !important; } .shima-checkout-page form.woocommerce-checkout #order_review_heading { border-bottom: 0 !important; border-radius: 18px 18px 0 0 !important; margin-bottom: 0 !important; } .shima-checkout-page form.woocommerce-checkout #order_review { border-top: 0 !important; border-radius: 0 0 18px 18px !important; } } @media (max-width: 560px) { .shima-checkout-page .shima-checkout-progress strong { font-size: 9.5px; } .shima-checkout-page .shima-checkout-progress small { font-size: 7.8px; } .shima-checkout-page .wc-block-components-checkout-step__heading-content, .shima-checkout-page .wc-block-components-title { font-size: 14px !important; } .shima-checkout-page .wc-block-checkout__main .wc-block-components-checkout-step { padding: 14px 12px !important; } .shima-checkout-page .wc-block-components-text-input input, .shima-checkout-page .wc-block-components-combobox .wc-block-components-combobox-control input, .shima-checkout-page .wc-block-components-address-form input, .shima-checkout-page .wc-block-components-address-form select, .shima-checkout-page .wc-block-components-select .wc-block-components-select__select, .shima-checkout-page .wc-block-components-textarea, .shima-checkout-page .wc-block-components-textarea textarea { min-height: 48px !important; font-size: 12px !important; } } /* ======================================================================
   SHIMA STOREFRONT UI 2.8.1 — Wholesale checkout summary + shipping choice
   - No per-product breakdown in "سفارش شما"
   - Two shipping modes: ماشینی (0) / باربری (per-carton)
   - Compact four-part summary: cart subtotal, shipping, carton total, final total
   ====================================================================== */ .shima-checkout-page .shima-wholesale-checkout-summary { width: 100% !important; margin: 0 !important; border: 0 !important; border-collapse: separate !important; border-spacing: 0 !important; background: transparent !important; } .shima-checkout-page .shima-wholesale-checkout-summary tbody:empty { display: none !important; } .shima-checkout-page .shima-wholesale-checkout-summary tfoot { display: table-row-group; } .shima-checkout-page .shima-wholesale-checkout-summary tfoot tr { display: table-row; } .shima-checkout-page .shima-wholesale-checkout-summary th, .shima-checkout-page .shima-wholesale-checkout-summary td { padding: 14px 0 !important; border: 0 !important; border-bottom: 1px solid var(--shima-checkout-line-2) !important; vertical-align: middle !important; background: transparent !important; } .shima-checkout-page .shima-wholesale-checkout-summary th { width: 46%; color: #26382e !important; font-size: 12.5px !important; line-height: 1.75 !important; font-weight: 900 !important; text-align: right !important; } .shima-checkout-page .shima-wholesale-checkout-summary td { color: var(--shima-checkout-green) !important; font-size: 13px !important; line-height: 1.75 !important; font-weight: 950 !important; text-align: left !important; } .shima-checkout-page .shima-wholesale-checkout-summary .woocommerce-Price-amount, .shima-checkout-page .shima-wholesale-checkout-summary .woocommerce-Price-currencySymbol { color: inherit !important; font-size: inherit !important; font-weight: inherit !important; } .shima-checkout-page .shima-wholesale-checkout-summary tr.shipping th, .shima-checkout-page .shima-wholesale-checkout-summary tr.shipping td { padding-top: 16px !important; padding-bottom: 16px !important; } .shima-checkout-page .shima-wholesale-checkout-summary tr.shipping td { text-align: right !important; } .shima-checkout-page .shima-wholesale-checkout-summary ul#shipping_method { display: grid !important; grid-template-columns: 1fr 1fr; gap: 10px; width: 100%; margin: 0 !important; padding: 0 !important; list-style: none !important; } .shima-checkout-page .shima-wholesale-checkout-summary ul#shipping_method li { position: relative; min-width: 0; margin: 0 !important; padding: 0 !important; } .shima-checkout-page .shima-wholesale-checkout-summary ul#shipping_method input[type="radio"] { position: absolute; opacity: 0; pointer-events: none; } .shima-checkout-page .shima-wholesale-checkout-summary ul#shipping_method label { min-height: 72px; display: flex !important; align-items: center; justify-content: center; margin: 0 !important; padding: 12px 14px !important; border: 1px solid #dce8e1; border-radius: 14px; background: #fbfdfb; cursor: pointer; transition: border-color .18s ease, box-shadow .18s ease, background .18s ease; } .shima-checkout-page .shima-wholesale-checkout-summary ul#shipping_method input[type="radio"]:checked + label { border-color: #80c39e; background: #f0faf4; box-shadow: 0 0 0 3px rgba(8,123,67,.08); } .shima-checkout-page .shima-wholesale-checkout-summary .shima-shipping-label { width: 100%; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 4px; text-align: center; } .shima-checkout-page .shima-wholesale-checkout-summary .shima-shipping-label strong { color: #15251b; font-size: 13px; line-height: 1.5; font-weight: 950; } .shima-checkout-page .shima-wholesale-checkout-summary .shima-shipping-label small { color: #65756c; font-size: 10.5px; line-height: 1.7; font-weight: 800; } .shima-checkout-page .shima-wholesale-checkout-summary .shima-summary-cartons td strong { color: #15251b; font-size: 13px; font-weight: 950; } .shima-checkout-page .shima-wholesale-checkout-summary .shima-summary-total th, .shima-checkout-page .shima-wholesale-checkout-summary .shima-summary-total td { padding-top: 18px !important; border-bottom: 0 !important; color: #102019 !important; font-size: 15px !important; font-weight: 950 !important; } .shima-checkout-page .shima-wholesale-checkout-summary .shima-summary-total td { color: var(--shima-checkout-green) !important; } /* Classic checkout review card becomes deliberately compact. */ .shima-checkout-page form.woocommerce-checkout #order_review { padding-top: 20px !important; } .shima-checkout-page #order_review_heading { margin-bottom: 0 !important; } @media (max-width: 680px) { .shima-checkout-page .shima-wholesale-checkout-summary th, .shima-checkout-page .shima-wholesale-checkout-summary td { padding: 11px 0 !important; font-size: 11.5px !important; } .shima-checkout-page .shima-wholesale-checkout-summary ul#shipping_method { grid-template-columns: 1fr; } .shima-checkout-page .shima-wholesale-checkout-summary ul#shipping_method label { min-height: 62px; } .shima-checkout-page .shima-wholesale-checkout-summary .shima-summary-total th, .shima-checkout-page .shima-wholesale-checkout-summary .shima-summary-total td { font-size: 13.5px !important; } } /* ======================================================================
   SHIMA STOREFRONT UI 2.8.2 — Shipping choice + premium province picker
   - Force fresh wholesale rates so old Woo Free Shipping cache cannot persist
   - Keep email optional in Classic Checkout
   - Refine SelectWoo province/city dropdown UX
   ====================================================================== */ /* Shipping method cards: visible radio affordance + clearer selected state. */ .shima-checkout-page .shima-wholesale-checkout-summary ul#shipping_method li { position: relative; } .shima-checkout-page .shima-wholesale-checkout-summary ul#shipping_method input[type="radio"] { position: absolute !important; inset-inline-start: 12px !important; top: 50% !important; width: 18px !important; height: 18px !important; margin: -9px 0 0 !important; opacity: 1 !important; pointer-events: auto !important; accent-color: var(--shima-checkout-green) !important; z-index: 2; } .shima-checkout-page .shima-wholesale-checkout-summary ul#shipping_method label { min-height: 76px; padding: 12px 40px 12px 14px !important; } .shima-checkout-page .shima-wholesale-checkout-summary ul#shipping_method input[type="radio"]:checked + label { border-color: #55ae7d !important; background: linear-gradient(180deg, #f2fbf5 0%, #eaf7ef 100%) !important; box-shadow: 0 0 0 3px rgba(8,123,67,.09), 0 8px 20px rgba(8,123,67,.06) !important; } /* Optional email: never visually implies required. */ .shima-checkout-page #billing_email_field .required { display: none !important; } /* Premium SelectWoo / Select2 province dropdown. */ body .select2-container--open { z-index: 999999 !important; } body .select2-dropdown { direction: rtl !important; overflow: hidden !important; margin-top: 6px !important; border: 1px solid #cfe0d6 !important; border-radius: 16px !important; background: rgba(255,255,255,.995) !important; box-shadow: 0 20px 48px rgba(13,53,31,.16) !important; font-family: "Vazirmatn", Tahoma, Arial, sans-serif !important; } body .select2-dropdown.select2-dropdown--above { margin-top: -6px !important; margin-bottom: 6px !important; } body .select2-search--dropdown { padding: 10px 10px 8px !important; background: #fff !important; border-bottom: 1px solid #edf3ef !important; } body .select2-search--dropdown .select2-search__field { width: 100% !important; min-height: 42px !important; padding: 8px 12px !important; border: 1px solid #d4e2da !important; border-radius: 11px !important; outline: 0 !important; background: #f8fbf9 !important; color: #21342a !important; font-family: "Vazirmatn", Tahoma, Arial, sans-serif !important; font-size: 12px !important; font-weight: 700 !important; text-align: right !important; box-shadow: none !important; } body .select2-search--dropdown .select2-search__field:focus { border-color: #80c29d !important; background: #fff !important; box-shadow: 0 0 0 3px rgba(8,123,67,.08) !important; } body .select2-results { padding: 6px !important; background: #fff !important; } body .select2-results__options { max-height: 270px !important; overflow-y: auto !important; scrollbar-width: thin; scrollbar-color: #b7cdbf #f2f6f3; } body .select2-results__option { min-height: 40px !important; display: flex !important; align-items: center !important; margin: 2px 0 !important; padding: 9px 12px !important; border-radius: 9px !important; color: #36483e !important; font-family: "Vazirmatn", Tahoma, Arial, sans-serif !important; font-size: 12px !important; line-height: 1.7 !important; font-weight: 700 !important; text-align: right !important; transition: background .15s ease, color .15s ease !important; } body .select2-results__option[aria-selected="true"] { color: #087b43 !important; background: #edf8f1 !important; font-weight: 900 !important; } body .select2-container--default .select2-results__option--highlighted[aria-selected], body .select2-container--default .select2-results__option--highlighted[data-selected] { color: #075f36 !important; background: #e4f5eb !important; } body .select2-results__message { justify-content: center !important; color: #6b7a72 !important; } /* Improve the closed state selector too. */ .shima-checkout-page .select2-container--default .select2-selection--single { display: flex !important; align-items: center !important; padding-inline: 12px 38px !important; cursor: pointer !important; transition: border-color .15s ease, box-shadow .15s ease, background .15s ease !important; } .shima-checkout-page .select2-container--default.select2-container--open .select2-selection--single { border-color: #80c29d !important; background: #fff !important; box-shadow: 0 0 0 4px rgba(8,123,67,.08) !important; } .shima-checkout-page .select2-container--default .select2-selection--single .select2-selection__rendered { width: 100% !important; padding: 0 !important; color: #26352c !important; font-size: 12.5px !important; font-weight: 750 !important; text-align: right !important; } .shima-checkout-page .select2-container--default .select2-selection--single .select2-selection__arrow { right: auto !important; left: 12px !important; width: 24px !important; } /* ======================================================================
   SHIMA STOREFRONT UI 2.8.3 — Vertical shipping methods + per-user vehicle access
   ====================================================================== */ .shima-checkout-page .shima-wholesale-checkout-summary tr.shipping th { vertical-align: top !important; } .shima-checkout-page .shima-wholesale-checkout-summary ul#shipping_method { display: flex !important; flex-direction: column !important; gap: 12px !important; grid-template-columns: none !important; width: 100% !important; } .shima-checkout-page .shima-wholesale-checkout-summary ul#shipping_method li { display: flex !important; align-items: flex-start !important; justify-content: flex-start !important; gap: 10px !important; min-height: 0 !important; padding: 0 !important; border: 0 !important; background: transparent !important; box-shadow: none !important; } .shima-checkout-page .shima-wholesale-checkout-summary ul#shipping_method input[type="radio"] { position: static !important; inset: auto !important; width: 18px !important; height: 18px !important; margin: 3px 0 0 !important; opacity: 1 !important; pointer-events: auto !important; accent-color: var(--shima-checkout-green) !important; flex: 0 0 18px !important; } .shima-checkout-page .shima-wholesale-checkout-summary ul#shipping_method label { min-height: 0 !important; display: block !important; margin: 0 !important; padding: 0 !important; border: 0 !important; border-radius: 0 !important; background: transparent !important; box-shadow: none !important; cursor: pointer; } .shima-checkout-page .shima-wholesale-checkout-summary ul#shipping_method input[type="radio"]:checked + label { border: 0 !important; background: transparent !important; box-shadow: none !important; } .shima-checkout-page .shima-wholesale-checkout-summary .shima-shipping-label { align-items: flex-start !important; justify-content: flex-start !important; gap: 2px !important; text-align: right !important; } .shima-checkout-page .shima-wholesale-checkout-summary .shima-shipping-label strong { font-size: 13px !important; } .shima-checkout-page .shima-wholesale-checkout-summary ul#shipping_method input[type="radio"]:checked + label .shima-shipping-label strong { color: var(--shima-checkout-green) !important; } .shima-checkout-page .shima-wholesale-checkout-summary ul#shipping_method input[type="radio"]:checked + label .shima-shipping-label small { color: #44574d !important; } @media (max-width: 680px) { .shima-checkout-page .shima-wholesale-checkout-summary ul#shipping_method { gap: 10px !important; } } /* ======================================================================
   SHIMA STOREFRONT UI 2.8.5 — Compact complete checkout summary
   - Removes split heading/review gap
   - Keeps shipping selector in a single contiguous summary card
   - Adds explicit shipping amount row
   ====================================================================== */ @media (min-width: 981px) { .shima-checkout-page form.woocommerce-checkout { grid-template-columns: 380px minmax(0, 1fr) !important; grid-template-areas: "review customer" !important; gap: 22px !important; align-items: start !important; } .shima-checkout-page form.woocommerce-checkout #order_review_heading { display: none !important; } .shima-checkout-page form.woocommerce-checkout #order_review { grid-area: review !important; position: sticky !important; top: 96px !important; margin: 0 !important; padding: 20px !important; border: 1px solid var(--shima-checkout-line) !important; border-radius: 20px !important; background: linear-gradient(180deg, #ffffff 0%, #f7fbf8 100%) !important; box-shadow: var(--shima-checkout-shadow) !important; } .shima-checkout-page form.woocommerce-checkout #customer_details { grid-area: customer !important; } } .shima-checkout-page .shima-wholesale-checkout-summary { table-layout: fixed !important; } .shima-checkout-page .shima-wholesale-checkout-summary .shima-order-review-title { caption-side: top !important; padding: 0 0 16px !important; color: #13251b !important; font-family: "Vazirmatn", Tahoma, Arial, sans-serif !important; font-size: 19px !important; line-height: 1.7 !important; font-weight: 950 !important; text-align: right !important; } .shima-checkout-page .shima-wholesale-checkout-summary tfoot { display: table-row-group !important; } .shima-checkout-page .shima-wholesale-checkout-summary tfoot tr { display: table-row !important; height: auto !important; } .shima-checkout-page .shima-wholesale-checkout-summary th, .shima-checkout-page .shima-wholesale-checkout-summary td { padding: 15px 0 !important; vertical-align: top !important; } .shima-checkout-page .shima-wholesale-checkout-summary th { width: 52% !important; } .shima-checkout-page .shima-wholesale-checkout-summary td { width: 48% !important; } .shima-checkout-page .shima-wholesale-checkout-summary .shima-summary-shipping-method th, .shima-checkout-page .shima-wholesale-checkout-summary .shima-summary-shipping-method td { padding-top: 16px !important; padding-bottom: 16px !important; } .shima-checkout-page .shima-wholesale-checkout-summary .shima-summary-shipping-total th, .shima-checkout-page .shima-wholesale-checkout-summary .shima-summary-shipping-total td { padding-top: 13px !important; padding-bottom: 13px !important; } .shima-checkout-page .shima-wholesale-checkout-summary .shima-summary-shipping-total td { color: var(--shima-checkout-green) !important; font-weight: 950 !important; } .shima-checkout-page .shima-wholesale-checkout-summary .shima-summary-shipping-total td strong { font: inherit !important; color: inherit !important; } .shima-checkout-page .shima-wholesale-checkout-summary ul#shipping_method, .shima-checkout-page .shima-wholesale-checkout-summary .shima-shipping-methods { margin: 0 !important; padding: 0 !important; } .shima-checkout-page .shima-wholesale-checkout-summary ul#shipping_method li { width: 100% !important; } .shima-checkout-page .woocommerce-checkout-payment { margin-top: 16px !important; } @media (max-width: 980px) { .shima-checkout-page form.woocommerce-checkout #order_review_heading { display: none !important; } .shima-checkout-page form.woocommerce-checkout #order_review { margin-top: 16px !important; padding: 18px !important; border: 1px solid var(--shima-checkout-line) !important; border-radius: 18px !important; background: linear-gradient(180deg, #ffffff 0%, #f7fbf8 100%) !important; box-shadow: var(--shima-checkout-shadow) !important; } .shima-checkout-page .shima-wholesale-checkout-summary .shima-order-review-title { font-size: 17px !important; padding-bottom: 12px !important; } } /* Reference design, v3.0. All rules scoped to the plugin shell. */ :root{--shima-green:#008357;--shima-green-2:#006b49;--shima-green-dark:#005c40;--shima-max:1320px} .shima-site-shell{font-family:Vazirmatn,Tahoma,sans-serif;color:#102838} .shima-site-shell a:focus-visible,.shima-site-shell button:focus-visible{outline:3px solid #d6a74b;outline-offset:4px} .shima-site-shell .shima-header{position:relative;top:auto;background:#fff;box-shadow:none;border-bottom:1px solid #edf0f2;z-index:30} .shima-site-shell .shima-header-inner{display:grid!important;grid-template-columns:270px 1fr 132px;grid-template-rows:88px 49px;gap:0 35px;max-width:1320px;padding:0;width:calc(100% - 84px);min-height:0} .shima-site-shell .shima-logo{grid-column:1;grid-row:1;max-width:260px;width:100%;display:flex;justify-content:flex-start} .shima-site-shell .shima-logo img{width:260px;max-height:80px;object-fit:contain} .shima-site-shell .shima-search{grid-row:1;grid-column:2;display:flex!important;width:100%;max-width:none;height:50px;border:0!important;border-radius:20px;background:#f2f5f6;margin:0;box-shadow:none;min-width:0} .shima-site-shell .shima-search input{background:transparent;border:0;font-size:14px;min-width:0;padding-inline:45px 16px;width:100%;box-shadow:none} .shima-site-shell .shima-search > button{right:10px;left:auto;background:transparent;color:#567080} .shima-site-shell .shima-header-actions{grid-row:1;grid-column:3;gap:15px;display:flex} .shima-site-shell .shima-header-actions>a{border:0!important;background:#f1f5f6;width:51px;height:51px;padding:12px;border-radius:16px;color:#244555;box-shadow:none;min-width:0} .shima-site-shell .shima-header-actions svg{width:27px;height:27px} .shima-site-shell .shima-account-link>span{display:none} .shima-site-shell .shima-cart-count{background:#008357;color:#fff;top:-3px;right:-3px} .shima-site-shell .shima-main-nav{grid-row:2;grid-column:1/4;display:flex!important;justify-content:flex-start;gap:44px;padding:0 85px 0 0;height:49px;overflow:visible} .shima-site-shell .shima-main-nav>a{font-size:14px;padding:10px 0;border-radius:0;white-space:nowrap;background:none} .shima-site-shell .shima-main-nav>a.is-active{color:#008357;border-bottom:2px solid #008357} .shima-site-shell .shima-mobile-menu-toggle{display:none} .shima-reference .sr-main{background:linear-gradient(#fff,#f9fbfd);padding-bottom:14px} .sr-container{width:calc(100% - 64px);max-width:1320px;margin-inline:auto} .sr-skip{position:absolute;top:-100px;right:20px;background:white;padding:12px;z-index:100} .sr-skip:focus{top:0} .sr-hero{height:450px;position:relative;isolation:isolate;background:#183524} .shima-reference .sr-slide.shima-home2-slide{display:none;position:absolute;inset:0;min-height:0;height:100%;padding:0;border-radius:0;overflow:hidden;background:none;grid-template-columns:none} .shima-reference .sr-slide.is-active{display:block} .sr-slide>picture,.sr-slide>picture>img{position:absolute;inset:0;width:100%;height:100%!important;object-fit:cover;object-position:center} .sr-slide:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(8,27,17,.45),transparent 55%);pointer-events:none} .sr-hero-inner{max-width:1240px;width:86%;height:100%;position:relative;z-index:1;margin:auto;display:flex;direction:ltr;align-items:center;justify-content:space-between} .sr-hero-copy{direction:rtl;text-align:right;width:360px;color:#fff} .sr-hero-copy>span{display:block;font-size:18px;margin-bottom:10px} .sr-hero-copy h1,.sr-hero-copy h2{font-size:43px;font-weight:900;line-height:1.5;color:#fff;margin:0 0 12px} .sr-hero-copy p{font-size:20px;line-height:1.7;margin:0 0 22px;color:#fff} .sr-button{display:inline-flex;align-items:center;justify-content:center;gap:22px;border-radius:22px;background:#00865c;color:white!important;padding:15px 24px;min-height:52px;font-size:15px;font-weight:750;border:1px solid transparent;transition:background .2s,transform .2s} .sr-button:hover{background:#006c4a;transform:translateY(-2px)} .sr-button svg,.sr-section-head svg,.sr-category-link svg{transform:rotate(180deg)} .sr-hero-motto{color:white;direction:rtl;font-size:28px;line-height:1.55;transform:rotate(-13deg);align-self:flex-start;margin-top:56px;font-style:italic;text-align:center} .sr-hero-motto span{height:3px;background:#008d65;width:145px;display:block;margin-top:10px} .sr-dots{position:absolute;bottom:47px;left:7%;display:flex;gap:14px;z-index:3;direction:ltr} .sr-dots button{border:0;padding:0;border-radius:50%;width:10px;height:10px;background:#fff;cursor:pointer} .sr-dots button.is-active{background:#008b60} .sr-dots .sr-pause{width:25px;height:25px;border-radius:5px;background:#005c40;color:white;margin-top:-7px} .sr-benefits{position:relative;z-index:4;display:flex;background:#fff;box-shadow:0 12px 36px #19334f0a;min-height:112px;border-radius:19px;margin-top:-31px;padding:24px 20px;gap:0} .sr-benefits>div{flex:1;display:flex;align-items:center;justify-content:center;gap:20px;padding:0 15px;border-left:1px solid #e8edf1} .sr-benefits>div:last-child{border:0} .sr-benefits svg{width:49px!important;height:49px!important;color:#00764f;flex-shrink:0} .sr-benefits strong{font-size:19px;color:#006c48;display:block;white-space:nowrap} .sr-benefits small{display:block;font-size:13px;color:#657c8d;margin-top:6px;white-space:nowrap} .sr-section{margin-top:31px} .sr-section-head{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:18px} .sr-section-head h2{font-size:28px;line-height:1.5;font-weight:900;margin:0;color:#0b1018} .sr-section-head>a{color:#00774e;font-size:14px;font-weight:750;display:flex;align-items:center;gap:12px} .sr-categories,.sr-products{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px} .sr-category{min-width:0;background:#f2f5f7;border:1px solid #edf1f4;border-radius:16px;padding:12px 18px 16px;display:flex;align-items:center;flex-direction:column;overflow:hidden;transition:transform .2s} .sr-category:hover{transform:translateY(-4px)} .sr-category>img{height:123px!important;width:100%;object-fit:contain;mix-blend-mode:multiply} .sr-category-art{display:block;height:123px;width:100%;background-image:url(../images/category-shoes.png);background-repeat:no-repeat;background-size:400% auto;mix-blend-mode:multiply} .sr-shoe-0{background-position:0% center}.sr-shoe-1{background-position:33.333% center}.sr-shoe-2{background-position:66.666% center}.sr-shoe-3{background-position:100% center} .sr-category>strong{font-size:20px;color:#101d29;margin-top:3px} .sr-category-link{font-size:14px;color:#00754e;font-weight:750;display:flex;gap:12px;align-items:center;margin-top:8px} .sr-product{border:1px solid #e5edf2;border-radius:14px;background:#fff;overflow:hidden;position:relative;box-shadow:0 6px 18px #203c5903;transition:box-shadow .2s} .sr-product:hover{box-shadow:0 10px 24px #16372d0d} .sr-product-image{height:151px;display:flex;align-items:center;justify-content:center;padding:12px 22px 0} .sr-product-image img{height:100%!important;width:100%;object-fit:contain} .sr-product-body{padding:0 22px 18px} .sr-product h3{font-size:16px;font-weight:750;line-height:1.7;margin:0 0 10px;min-height:28px} .sr-wholesale{display:flex;align-items:center;gap:16px;color:#008055} .sr-wholesale>svg{width:27px!important;height:27px!important} .sr-wholesale strong{font-size:16px}.sr-wholesale small{display:block;font-size:11px;color:#637d8d;margin-top:3px} .sr-product-bottom{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:8px;min-height:43px} .sr-price{font-size:21px;color:#008055;font-weight:850;line-height:1.5} .sr-price del{font-size:12px;color:#7b8a92;display:block}.sr-price ins{background:transparent;text-decoration:none}.sr-price .woocommerce-Price-currencySymbol{font-size:16px} .sr-cart{display:flex;background:#006f4d;border-radius:10px;color:white!important;align-items:center;justify-content:center;min-width:44px;height:44px} .sr-out{color:#925329}.sr-empty{border:1px dashed #c8d9d0;border-radius:16px;padding:40px;text-align:center;color:#617888} .sr-banner{height:252px;margin-top:24px;position:relative;isolation:isolate;overflow:hidden;border-radius:15px;background:#00573d;display:flex;direction:ltr;align-items:center;justify-content:space-between} .sr-banner-image{position:absolute;width:100%;height:100%!important;object-fit:cover;inset:0;z-index:-2} .sr-banner:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#005b43e8 15%,#005b43a0 48%,transparent 85%);z-index:-1} .sr-banner-copy{width:67%;padding:22px 36px;direction:rtl;text-align:center;color:#fff} .sr-banner-copy h2{color:#fff;font-size:34px;line-height:1.5;font-weight:900;margin:0 0 10px} .sr-banner-copy p{font-size:18px;max-width:490px;margin:0 auto 23px;line-height:1.6} .sr-banner-copy>div{display:flex;gap:24px;justify-content:center} .sr-banner .sr-button{font-size:14px;border-radius:13px;min-width:205px;min-height:45px;padding:10px 24px} .sr-button-outline{border:1px solid #fff;background:#00865c88}.sr-button-white{background:#fff;color:#006346!important} .sr-banner-promises{align-self:stretch;width:215px;background:#006344e8;display:flex;flex-direction:column;justify-content:space-around;padding:18px 22px;border-radius:15px;color:white} .sr-banner-promises>div{display:flex;align-items:center;gap:15px}.sr-banner-promises svg{width:39px!important;height:39px!important;flex-shrink:0}.sr-banner-promises span{direction:rtl}.sr-banner-promises strong{font-size:16px;display:block}.sr-banner-promises small{font-size:12px;display:block;margin-top:5px} .shima-site-shell .shima-footer-v2{margin-top:0;background:#f1f5f7!important;border-top:0;padding:0} .shima-site-shell .shima-footer-v2-grid{padding:22px 20px 15px;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;width:calc(100% - 64px)} .shima-site-shell .shima-footer-v2-grid>div,.shima-site-shell .shima-footer-v2-grid>nav{padding:0 28px;border-left:1px solid #e0e8ed} .shima-site-shell .shima-footer-v2-grid h3{font-size:15px;margin:0 0 9px;color:#254254} .shima-site-shell .shima-footer-v2-grid a,.shima-site-shell .shima-footer-v2-grid p,.shima-site-shell .shima-footer-v2-trust>div{font-size:12px;line-height:1.8;color:#60788a;margin:0 0 3px} .shima-site-shell .shima-footer-v2-brand{order:4!important;text-align:center;border:0!important} .shima-site-shell .shima-footer-v2-links{order:3!important;text-align:center} .shima-site-shell .shima-footer-v2-contact{order:1!important} .shima-site-shell .shima-footer-v2-trust{order:2!important;text-align:center} .shima-site-shell .shima-footer-v2-logo img{width:195px;max-height:60px;object-fit:contain} .shima-site-shell .shima-footer-v2-social{justify-content:center;margin-top:10px} .shima-site-shell .shima-footer-v2-social a{width:34px;height:34px;background:#e9eff2;border:0} .shima-site-shell .shima-footer-v2-social-wrap h4{display:none} .shima-site-shell .shima-footer-v2-bottom{background:#fff;padding:7px 0;font-size:12px;border:0} .shima-site-shell .shima-footer-v2-bottom .shima-container{display:flex;justify-content:space-between;color:#638092} .shima-site-shell .shima-footer-v2-bottom span:last-child{color:#008357} @media(min-width:1600px){.sr-hero{height:520px}} @media(max-width:1100px){.shima-site-shell .shima-header-inner{grid-template-columns:240px 1fr 112px;gap:0 20px;width:calc(100% - 48px)}.shima-site-shell .shima-main-nav{gap:27px;padding-right:30px}.sr-benefits{padding:20px 10px}.sr-benefits>div{gap:12px;padding:0 10px}.sr-benefits strong{font-size:16px}.sr-benefits small{font-size:11px}.sr-benefits svg{width:39px!important}.sr-hero-copy h1,.sr-hero-copy h2{font-size:38px}.sr-banner-copy h2{font-size:28px}.sr-price{font-size:18px}.sr-product-body{padding:0 15px 16px}} @media(max-width:800px){.shima-site-shell .shima-header-inner{grid-template-columns:40px 1fr 105px;grid-template-rows:76px 55px;gap:0 12px;width:calc(100% - 32px);padding-bottom:10px}.shima-site-shell .shima-logo{grid-column:2;justify-content:center;max-width:none}.shima-site-shell .shima-logo img{width:195px;max-height:65px}.shima-site-shell .shima-search{grid-column:1/4;grid-row:2;height:45px}.shima-site-shell .shima-main-nav{display:none!important}.shima-site-shell .shima-mobile-menu-toggle{display:flex;grid-column:1;grid-row:1;width:38px}.shima-site-shell .shima-header-actions{gap:8px}.shima-site-shell .shima-header-actions>a{height:43px;width:43px;padding:10px;border-radius:12px}.sr-container{width:calc(100% - 32px)}.sr-hero{height:420px}.sr-hero-inner{width:88%}.sr-hero-copy{width:310px}.sr-hero-copy h1,.sr-hero-copy h2{font-size:32px}.sr-hero-copy p{font-size:17px}.sr-hero-motto{display:none}.sr-slide>picture>img{object-position:60% center}.sr-slide:after{background:linear-gradient(90deg,#071c12b0,transparent)}.sr-benefits{display:grid;grid-template-columns:1fr 1fr;gap:20px;padding:22px 10px}.sr-benefits>div:nth-child(2){border:0}.sr-benefits>div{justify-content:flex-start}.sr-categories,.sr-products{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.sr-section-head h2{font-size:23px}.sr-section-head>a{font-size:12px;gap:5px}.sr-banner{height:auto;min-height:290px}.sr-banner-copy{width:75%;padding:24px 18px}.sr-banner-copy h2{font-size:25px}.sr-banner-copy p{font-size:15px}.sr-banner-copy>div{flex-wrap:wrap;gap:10px}.sr-banner .sr-button{min-width:170px}.sr-banner-promises{width:25%;padding:14px}.sr-banner-promises>div{flex-direction:column;gap:6px;text-align:center}.sr-banner-promises strong{font-size:13px}.sr-banner-promises small{font-size:10px}.shima-site-shell .shima-footer-v2-grid{grid-template-columns:1fr 1fr;gap:20px;width:100%}.shima-site-shell .shima-footer-v2-grid>div,.shima-site-shell .shima-footer-v2-grid>nav{padding:0 15px}.shima-site-shell .shima-footer-v2-bottom{padding-bottom:85px}} @media(max-width:480px){.sr-hero{height:400px}.sr-hero-copy{width:245px;margin-top:35px}.sr-hero-copy h1,.sr-hero-copy h2{font-size:29px}.sr-hero-copy p{font-size:15px}.sr-hero-copy>span{font-size:15px}.sr-button{font-size:13px;padding:12px 15px;gap:12px}.sr-hero-inner{align-items:flex-start}.sr-hero-copy{padding-top:20px}.sr-benefits strong{font-size:14px}.sr-benefits small{font-size:9px}.sr-benefits svg{width:31px!important;height:31px!important}.sr-section-head h2{font-size:20px}.sr-section-head>a{font-size:10px}.sr-category{padding:8px 8px 14px}.sr-category-art,.sr-category>img{height:95px!important}.sr-category>strong{font-size:17px}.sr-category-link{font-size:11px}.sr-product-image{height:118px;padding:10px}.sr-product-body{padding:0 10px 12px}.sr-product h3{font-size:13px;min-height:44px}.sr-wholesale{gap:8px}.sr-wholesale strong{font-size:13px}.sr-price{font-size:15px}.sr-price .woocommerce-Price-currencySymbol{font-size:11px}.sr-cart{min-width:34px;height:36px}.sr-banner-copy h2{font-size:23px}.sr-banner-copy{width:72%;padding:24px 12px}.sr-banner-promises{width:28%;padding:15px 7px}.sr-banner-promises svg{width:30px!important}.sr-banner .sr-button{min-width:155px;font-size:12px}.shima-site-shell .shima-footer-v2-bottom .shima-container{flex-direction:column;text-align:center;gap:5px}} @media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.shima-site-shell *{transition:none!important;animation:none!important}} .shima-site-shell .shima-footer-v2-trust>a{display:block} /* Clear legacy navigation sizing and keep reference artwork fully visible. */ .shima-site-shell .shima-main-nav>a{min-height:0;height:44px;align-self:center} .shima-site-shell .shima-main-nav>a:before,.shima-site-shell .shima-main-nav>a:after{display:none!important} .shima-site-shell .shima-search{position:relative} .shima-site-shell .shima-search > button{position:absolute;inset:0 5px 0 auto;width:40px;height:100%;padding:8px;min-width:0} .shima-site-shell .sr-section-head>a{color:#00774e} .sr-category-art{width:85%} @media(max-width:800px){ .sr-benefits{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:8px} .sr-benefits>div{min-width:0;gap:8px;padding:0 5px} .sr-benefits>div>span{min-width:0} .sr-benefits small{white-space:normal;line-height:1.7} .sr-benefits strong{white-space:normal;font-size:13px} .shima-site-shell .shima-footer-v2-trust{display:block} } .shima-site-shell .shima-footer-v2-links{display:flex;flex-direction:column;gap:3px} .shima-site-shell .shima-footer-v2-links>a{display:block;min-height:0;padding:0;border:0;background:transparent;box-shadow:none;width:auto} .shima-site-shell .shima-footer-v2-links>a:before{display:none} .shima-site-shell .shima-footer-v2-brand p{max-width:240px;margin-inline:auto}