/* ============================================================ Drop2Ship — Premium Store Front CSS WoodMart wrapper override */ #d2s-store-page-wrapper { width: 100%; max-width: 100%; padding: 0; margin: 0; } /* Reset WoodMart container inside our store */ #d2s-store-page-wrapper .container, #d2s-store-page-wrapper .woodmart-container { max-width: 100% !important; padding: 0 !important; } /* ============================================================ Drop2Ship — Premium Store Front CSS Design: Amazon Seller Page + Etsy Store + eBay Shop ============================================================ */ @import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap'); :root { --d: #08534C; --d-lt: #E8F5F4; --acc: #FF9900; --txt: #0F1111; --txt2: #565959; --bdr: #D5D9D9; --bg: #F0F2F2; --wht: #fff; --r: 8px; --sh: 0 1px 3px rgba(15,17,17,.12); --sh2: 0 4px 16px rgba(15,17,17,.12); --fn: 'Inter',-apple-system,sans-serif; --cont: 1200px; } .d2s-store-page { font-family: var(--fn); color: var(--txt); background: var(--bg); min-height: 100vh; } .d2s-store-page * { box-sizing: border-box; } .d2s-store__container { max-width: var(--cont); margin: 0 auto; padding: 0 20px; } /* ── Banner ─────────────────────────────────────────────────── */ .d2s-store__banner-wrap { position: relative; height: 260px; overflow: hidden; background: linear-gradient(135deg, #08534C 0%, #0A7C72 50%, #064039 100%); } .d2s-store__banner-img { width: 100%; height: 100%; object-fit: cover; display: block; } .d2s-store__banner-default { width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; overflow: hidden; } .d2s-store__banner-overlay { position: absolute; bottom: 0; left: 0; right: 0; height: 120px; background: linear-gradient(to top, rgba(0,0,0,.5), transparent); } /* ── Header ─────────────────────────────────────────────────── */ .d2s-store__header-wrap { background: var(--wht); border-bottom: 1px solid var(--bdr); box-shadow: var(--sh); position: relative; z-index: 10; } .d2s-store__header { display: grid; grid-template-columns: auto 1fr auto; gap: 20px; align-items: flex-start; padding: 20px 0 24px; } .d2s-store__logo-wrap { margin-top: -40px; } .d2s-store__logo { width: 90px; height: 90px; border-radius: 14px; border: 3px solid #fff; box-shadow: var(--sh2); object-fit: cover; display: block; } .d2s-store__avatar { width: 90px; height: 90px; border-radius: 14px; border: 3px solid #fff; box-shadow: var(--sh2); background: var(--d); color: #fff; display: flex; align-items: center; justify-content: center; font-size: 36px; font-weight: 800; margin-top: -40px; } .d2s-store__name-row { display: flex; align-items: center; gap: 10px; flex-wrap: wrap; margin-bottom: 6px; } .d2s-store__name { font-size: 24px; font-weight: 800; color: var(--txt); letter-spacing: -.4px; margin: 0; } .d2s-store__badge { display: inline-flex; align-items: center; gap: 4px; padding: 4px 10px; border-radius: 12px; font-size: 11px; font-weight: 700; color: #fff; text-transform: uppercase; letter-spacing: .4px; } .d2s-store__badge svg { flex-shrink: 0; } .d2s-store__rating-row { display: flex; align-items: center; gap: 8px; margin-bottom: 8px; } .d2s-store__stars { display: flex; gap: 2px; } .d2s-store__rating-num { font-size: 16px; font-weight: 800; color: var(--txt); } .d2s-store__rating-link { font-size: 13px; color: #0066C0; text-decoration: none; } .d2s-store__rating-link:hover { text-decoration: underline; } .d2s-store__desc { font-size: 13px; color: var(--txt2); line-height: 1.6; margin: 0 0 10px; max-width: 560px; } .d2s-store__meta-row { display: flex; flex-wrap: wrap; gap: 12px; margin-bottom: 12px; } .d2s-store__meta-item { display: flex; align-items: center; gap: 5px; font-size: 12px; color: var(--txt2); font-weight: 500; } .d2s-store__meta-item svg { stroke: var(--txt2); flex-shrink: 0; } /* Social */ .d2s-store__social { display: flex; flex-wrap: wrap; gap: 6px; } .d2s-social-btn { display: inline-flex; align-items: center; gap: 6px; padding: 6px 12px; border-radius: 20px; font-size: 12px; font-weight: 600; text-decoration: none; transition: all .15s; border: 1px solid; } .d2s-social-btn--wa { background: #E9FBF0; color: #25D366; border-color: #B7EFCF; } .d2s-social-btn--wa:hover { background: #25D366; color: #fff; } .d2s-social-btn--fb { background: #E8F0FE; color: #1877F2; border-color: #C3D8FD; } .d2s-social-btn--fb:hover { background: #1877F2; color: #fff; } .d2s-social-btn--ig { background: #FDE8F4; color: #E1306C; border-color: #F9C2DD; } .d2s-social-btn--ig:hover { background: #E1306C; color: #fff; } .d2s-social-btn--web { background: var(--d-lt); color: var(--d); border-color: rgba(8,83,76,.2); } .d2s-social-btn--web:hover { background: var(--d); color: #fff; } /* Stats */ .d2s-store__stats { display: flex; flex-direction: column; gap: 4px; min-width: 140px; background: var(--d-lt); border: 1px solid rgba(8,83,76,.12); border-radius: var(--r); padding: 14px 18px; align-self: center; } .d2s-store__stat { display: flex; flex-direction: column; align-items: center; text-align: center; padding: 8px 0; border-bottom: 1px solid rgba(8,83,76,.08); } .d2s-store__stat:last-child { border-bottom: none; } .d2s-store__stat-val { font-size: 20px; font-weight: 800; color: var(--d); } .d2s-store__stat-label { font-size: 10px; font-weight: 700; text-transform: uppercase; letter-spacing: .5px; color: var(--d); opacity: .7; } /* ── Body Layout ─────────────────────────────────────────────── */ .d2s-store__body { display: grid; grid-template-columns: 240px 1fr; gap: 20px; padding: 20px 0 40px; align-items: start; } /* ── Sidebar ─────────────────────────────────────────────────── */ .d2s-store__sidebar { display: flex; flex-direction: column; gap: 14px; } .d2s-store__widget { background: var(--wht); border: 1px solid var(--bdr); border-radius: var(--r); overflow: hidden; } .d2s-store__widget-title { font-size: 12px; font-weight: 700; text-transform: uppercase; letter-spacing: .6px; color: var(--txt); margin: 0; padding: 12px 14px; border-bottom: 1px solid var(--bdr); background: #FAFAFA; display: flex; align-items: center; gap: 7px; } .d2s-store__widget-title svg { stroke: var(--d); } .d2s-store__cat-link { display: flex; justify-content: space-between; align-items: center; padding: 9px 14px; font-size: 13px; color: var(--txt); text-decoration: none; border-bottom: 1px solid #F5F5F5; transition: background .1s; } .d2s-store__cat-link:last-child { border-bottom: none; } .d2s-store__cat-link:hover { background: var(--bg); } .d2s-store__cat-link.is-active { background: var(--d-lt); color: var(--d); font-weight: 700; } .d2s-store__cat-link span { background: #F0F2F2; color: var(--txt2); font-size: 11px; font-weight: 700; padding: 1px 7px; border-radius: 10px; } .d2s-store__cat-link.is-active span { background: rgba(8,83,76,.12); color: var(--d); } .d2s-store__ship-row { display: flex; align-items: flex-start; gap: 7px; padding: 8px 14px; font-size: 12px; color: var(--txt); border-bottom: 1px solid #F5F5F5; } .d2s-store__ship-row:last-of-type { border-bottom: none; } .d2s-store__ship-row svg { stroke: var(--d); flex-shrink: 0; margin-top: 1px; } .d2s-store__contact-btn { display: flex; align-items: center; gap: 8px; padding: 9px 14px; font-size: 13px; font-weight: 600; color: var(--txt); text-decoration: none; border-bottom: 1px solid #F5F5F5; transition: background .1s; } .d2s-store__contact-btn:last-child { border-bottom: none; } .d2s-store__contact-btn:hover { background: var(--bg); } .d2s-store__contact-btn--wa { color: #25D366; } /* ── Toolbar ─────────────────────────────────────────────────── */ .d2s-store__toolbar { display: flex; align-items: center; gap: 10px; margin-bottom: 16px; flex-wrap: wrap; } .d2s-store__search-form { display: flex; gap: 6px; flex: 1; min-width: 200px; } .d2s-store__search-wrap { flex: 1; display: flex; align-items: center; gap: 8px; background: var(--wht); border: 1px solid var(--bdr); border-radius: 6px; padding: 8px 12px; } .d2s-store__search-input { border: none; outline: none; font-family: var(--fn); font-size: 13px; color: var(--txt); flex: 1; min-width: 0; background: transparent; } .d2s-store__search-btn { background: var(--d); color: #fff; border: none; border-radius: 6px; padding: 8px 16px; font-family: var(--fn); font-size: 13px; font-weight: 600; cursor: pointer; } .d2s-store__sort-wrap { display: flex; align-items: center; gap: 7px; } .d2s-store__sort-select { font-family: var(--fn); border: 1px solid var(--bdr); border-radius: 6px; padding: 7px 10px; font-size: 12px; color: var(--txt); cursor: pointer; } .d2s-store__count { font-size: 12px; color: var(--txt2); font-weight: 600; white-space: nowrap; } /* ── Product Grid ────────────────────────────────────────────── */ .d2s-store__grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(200px, 1fr)); gap: 14px; } .d2s-store__product-card { background: var(--wht); border: 1px solid var(--bdr); border-radius: var(--r); overflow: hidden; transition: box-shadow .15s, transform .15s; } .d2s-store__product-card:hover { box-shadow: var(--sh2); transform: translateY(-2px); } .d2s-store__product-img-wrap { display: block; position: relative; aspect-ratio: 1; overflow: hidden; background: #F6F8F8; } .d2s-store__product-img { width: 100%; height: 100%; object-fit: cover; transition: transform .3s; } .d2s-store__product-card:hover .d2s-store__product-img { transform: scale(1.04); } .d2s-store__sale-badge { position: absolute; top: 8px; left: 8px; background: #CC0C39; color: #fff; font-size: 10px; font-weight: 700; padding: 2px 8px; border-radius: 10px; text-transform: uppercase; letter-spacing: .4px; z-index: 1; } .d2s-store__product-overlay { position: absolute; inset: 0; background: rgba(15,17,17,.35); display: flex; align-items: center; justify-content: center; opacity: 0; transition: opacity .2s; } .d2s-store__product-card:hover .d2s-store__product-overlay { opacity: 1; } .d2s-store__quick-view { display: flex; align-items: center; gap: 6px; background: #fff; color: var(--txt); padding: 8px 14px; border-radius: 20px; font-size: 12px; font-weight: 700; } .d2s-store__quick-view svg { stroke: var(--txt); } .d2s-store__product-body { padding: 12px; } .d2s-store__product-cat { font-size: 10px; font-weight: 700; text-transform: uppercase; letter-spacing: .5px; color: var(--txt2); display: block; margin-bottom: 4px; } .d2s-store__product-name { font-size: 13px; font-weight: 600; color: var(--txt); line-height: 1.4; margin: 0 0 8px; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; } .d2s-store__product-name a { color: inherit; text-decoration: none; } .d2s-store__product-name a:hover { color: var(--d); } .d2s-store__product-price { font-size: 16px; font-weight: 800; color: var(--txt); margin-bottom: 10px; } .d2s-store__product-price .woocommerce-Price-amount { color: #0F1111; } .d2s-store__product-price del { color: var(--txt2); font-size: 13px; font-weight: 400; } .d2s-store__product-price ins { text-decoration: none; color: #CC0C39; } .d2s-store__product-btn { display: flex; align-items: center; justify-content: space-between; background: var(--d-lt); color: var(--d); padding: 8px 12px; border-radius: 6px; font-size: 12px; font-weight: 700; text-decoration: none; transition: all .15s; } .d2s-store__product-btn svg { stroke: var(--d); } .d2s-store__product-btn:hover { background: var(--d); color: #fff; } .d2s-store__product-btn:hover svg { stroke: #fff; } /* ── Pagination ─────────────────────────────────────────────── */ .d2s-store__pagination { display: flex; justify-content: center; gap: 5px; margin-top: 24px; } .d2s-store__page-btn { display: inline-flex; align-items: center; justify-content: center; width: 36px; height: 36px; border-radius: 6px; border: 1px solid var(--bdr); background: var(--wht); color: var(--txt); font-size: 13px; font-weight: 700; text-decoration: none; transition: all .1s; } .d2s-store__page-btn.is-active { background: var(--d); color: #fff; border-color: var(--d); } .d2s-store__page-btn:hover:not(.is-active) { border-color: var(--d); color: var(--d); } /* ── Empty ───────────────────────────────────────────────────── */ .d2s-store__empty { text-align: center; padding: 60px 20px; background: var(--wht); border: 1px solid var(--bdr); border-radius: var(--r); } .d2s-store__empty svg { display: block; margin: 0 auto 14px; } .d2s-store__empty p { font-size: 15px; color: var(--txt2); } .d2s-store__empty a { color: var(--d); font-weight: 600; } /* ── Reviews Section ─────────────────────────────────────────── */ .d2s-store__reviews-section { background: var(--wht); border-top: 1px solid var(--bdr); padding: 40px 0; margin-top: 20px; } .d2s-store__reviews-header { display: flex; justify-content: space-between; align-items: flex-start; margin-bottom: 24px; flex-wrap: wrap; gap: 14px; } .d2s-store__reviews-title { font-size: 20px; font-weight: 800; color: var(--txt); margin: 0; letter-spacing: -.3px; } .d2s-store__write-review-btn { display: inline-flex; align-items: center; gap: 7px; background: var(--d); color: #fff; padding: 10px 18px; border-radius: 6px; font-size: 13px; font-weight: 700; cursor: pointer; border: none; font-family: var(--fn); text-decoration: none; transition: background .15s; } .d2s-store__write-review-btn:hover { background: #064039; color: #fff; } /* Review Form */ .d2s-store__review-form { background: #F6F8F8; border: 1px solid var(--bdr); border-radius: var(--r); padding: 20px; margin-bottom: 24px; } .d2s-store__review-input { width: 100%; padding: 9px 12px; border: 1px solid var(--bdr); border-radius: 6px; font-family: var(--fn); font-size: 13px; color: var(--txt); background: #fff; resize: vertical; } .d2s-store__review-input:focus { outline: none; border-color: var(--d); box-shadow: 0 0 0 3px rgba(8,83,76,.1); } /* Star Rating Input */ .d2s-star-rating { display: flex; flex-direction: row-reverse; gap: 4px; width: fit-content; } .d2s-star-rating input { display: none; } .d2s-star-rating label { cursor: pointer; color: #E0E0E0; transition: color .1s; } .d2s-star-rating label:hover, .d2s-star-rating label:hover ~ label, .d2s-star-rating input:checked ~ label { color: #FF9900; } .d2s-store__submit-review-btn { display: inline-flex; align-items: center; gap: 7px; background: var(--acc); color: #111; padding: 10px 20px; border-radius: 6px; font-size: 13px; font-weight: 700; cursor: pointer; border: 1px solid #C7882A; font-family: var(--fn); transition: background .15s; background-image: linear-gradient(to bottom, #FFB347, #FF9900); } .d2s-store__submit-review-btn:hover { background: #E88A00; background-image: none; } /* Reviews Grid */ .d2s-store__reviews-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(300px, 1fr)); gap: 14px; } .d2s-store__review-card { background: var(--bg); border: 1px solid var(--bdr); border-radius: var(--r); padding: 16px; } .d2s-store__review-head { display: flex; align-items: center; gap: 10px; margin-bottom: 10px; } .d2s-store__reviewer-avatar { width: 40px; height: 40px; border-radius: 50%; border: 1px solid var(--bdr); flex-shrink: 0; } .d2s-store__reviewer-name { font-size: 13px; font-weight: 700; color: var(--txt); } .d2s-store__review-date { font-size: 11px; color: var(--txt2); margin-top: 2px; } .d2s-store__review-stars { display: flex; gap: 1px; } .d2s-store__review-title { font-size: 13px; font-weight: 700; color: var(--txt); margin-bottom: 6px; } .d2s-store__review-text { font-size: 13px; color: var(--txt2); line-height: 1.6; margin: 0; } .d2s-store__load-more-btn { display: inline-flex; align-items: center; gap: 8px; background: var(--wht); border: 1px solid var(--bdr); border-radius: 6px; padding: 10px 24px; font-family: var(--fn); font-size: 13px; font-weight: 700; cursor: pointer; transition: all .15s; color: var(--txt); } .d2s-store__load-more-btn:hover { border-color: var(--d); color: var(--d); } /* Notice inline */ .d2s-notice--success { background: #F0FDF4; color: #166534; border: 1px solid #BBF7D0; border-radius: 6px; padding: 10px 14px; font-size: 13px; font-weight: 500; } .d2s-notice--error { background: #FEF2F2; color: #991B1B; border: 1px solid #FECACA; border-radius: 6px; padding: 10px 14px; font-size: 13px; font-weight: 500; } /* ── Mobile ──────────────────────────────────────────────────── */ @media (max-width: 900px) { .d2s-store__body { grid-template-columns: 1fr; } .d2s-store__sidebar { display: grid; grid-template-columns: 1fr 1fr; } .d2s-store__header { grid-template-columns: auto 1fr; } .d2s-store__stats { display: none; } .d2s-store__banner-wrap { height: 160px; } } @media (max-width: 600px) { .d2s-store__header { grid-template-columns: auto 1fr; } .d2s-store__sidebar { grid-template-columns: 1fr; } .d2s-store__grid { grid-template-columns: 1fr 1fr; } .d2s-store__reviews-grid { grid-template-columns: 1fr; } .d2s-store__name { font-size: 18px; } } /* ============================================================ Premium marketplace storefront refresh Inspired by modern seller-store layouts; keeps all existing PHP/AJAX functionality and selectors intact. ============================================================ */ #d2s-store-page-wrapper .d2s-store-page{ background:#f7f8f8; } #d2s-store-page-wrapper .d2s-store__container{ max-width:1240px; } #d2s-store-page-wrapper .d2s-store__banner-wrap{ height:250px; border-radius:0; background:linear-gradient(135deg,#063f3a,#0b675f); } #d2s-store-page-wrapper .d2s-store__banner-overlay{ height:150px; background:linear-gradient(to top,rgba(0,0,0,.48),transparent 75%); } #d2s-store-page-wrapper .d2s-store__header-wrap{ box-shadow:none; border-bottom:1px solid #e5e7eb; } #d2s-store-page-wrapper .d2s-store__header{ min-height:168px; padding:22px 0 26px; grid-template-columns:112px minmax(0,1fr) 210px!important; gap:22px!important; } #d2s-store-page-wrapper .d2s-store__logo-wrap{margin-top:-62px;position:relative;z-index:2} #d2s-store-page-wrapper .d2s-store__logo, #d2s-store-page-wrapper .d2s-store__avatar{ width:104px;height:104px;border-radius:18px;border:4px solid #fff;box-shadow:0 5px 18px rgba(15,17,17,.16); } #d2s-store-page-wrapper .d2s-store__avatar{font-size:38px} #d2s-store-page-wrapper .d2s-store__info{padding-top:2px!important} #d2s-store-page-wrapper .d2s-store__name{font-size:28px;letter-spacing:-.6px} #d2s-store-page-wrapper .d2s-store__badge{border-radius:999px;padding:5px 11px;text-transform:none;font-size:11px} #d2s-store-page-wrapper .d2s-store__rating-row{margin:2px 0 9px} #d2s-store-page-wrapper .d2s-store__meta-row{gap:15px;margin-bottom:8px} #d2s-store-page-wrapper .d2s-store__meta-item{font-size:12px} #d2s-store-page-wrapper .d2s-store__stats{ min-width:0;width:100%;display:grid;grid-template-columns:1fr 1fr 1fr;flex-direction:row;gap:0;padding:9px 8px;border-radius:14px;align-self:center; } #d2s-store-page-wrapper .d2s-store__stat{padding:7px 5px;border-bottom:0;border-right:1px solid rgba(8,83,76,.10)} #d2s-store-page-wrapper .d2s-store__stat:last-child{border-right:0} #d2s-store-page-wrapper .d2s-store__stat-val{font-size:20px} #d2s-store-page-wrapper .d2s-store__nav{background:#fff;border-bottom:1px solid #e5e7eb;position:sticky;top:0;z-index:9} #d2s-store-page-wrapper .d2s-store__nav-inner{display:flex;align-items:center;gap:34px;height:54px} #d2s-store-page-wrapper .d2s-store__nav a{height:54px;display:inline-flex;align-items:center;position:relative;text-decoration:none;color:#4b5563;font-size:13px;font-weight:700} #d2s-store-page-wrapper .d2s-store__nav a:hover{color:#08534C} #d2s-store-page-wrapper .d2s-store__nav a.is-active{color:#08534C} #d2s-store-page-wrapper .d2s-store__nav a.is-active:after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:3px;background:#08534C;border-radius:3px 3px 0 0} #d2s-store-page-wrapper .d2s-store__anchor{height:1px} /* Featured categories become a horizontal marketplace section */ #d2s-store-page-wrapper .d2s-store__body{ display:block!important;max-width:1240px!important;padding-top:22px!important; } #d2s-store-page-wrapper .d2s-store__sidebar{ display:block!important;width:100%;margin-bottom:20px; } #d2s-store-page-wrapper .d2s-store__sidebar .d2s-store__widget:first-child{ border:0;background:transparent;overflow:visible; } #d2s-store-page-wrapper .d2s-store__sidebar .d2s-store__widget:first-child .d2s-store__widget-title{ border:0;background:transparent;padding:0 0 12px;font-size:18px;text-transform:none;letter-spacing:-.2px; } #d2s-store-page-wrapper .d2s-store__sidebar .d2s-store__widget:first-child .d2s-store__cat-link{ display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:8px; min-height:88px;padding:15px;border:1px solid #e3e7e7!important;border-radius:12px;background:#fff; box-shadow:0 1px 3px rgba(15,17,17,.05);font-size:13px;font-weight:700;color:#1f2937; position:relative;transition:transform .15s,box-shadow .15s,border-color .15s; } #d2s-store-page-wrapper .d2s-store__sidebar .d2s-store__widget:first-child .d2s-store__cat-link:before{ content:"";width:30px;height:30px;border-radius:9px;background:#e8f5f4;display:block; } #d2s-store-page-wrapper .d2s-store__sidebar .d2s-store__widget:first-child .d2s-store__cat-link:after{ content:"›";position:absolute;right:13px;top:50%;transform:translateY(-50%);font-size:18px;color:#9ca3af; } #d2s-store-page-wrapper .d2s-store__sidebar .d2s-store__widget:first-child .d2s-store__cat-link:hover{ transform:translateY(-2px);box-shadow:0 6px 18px rgba(15,17,17,.08);border-color:#b9d8d4!important; } #d2s-store-page-wrapper .d2s-store__sidebar .d2s-store__widget:first-child .d2s-store__cat-link span{ position:absolute;right:13px;bottom:12px;background:#f1f3f3;color:#6b7280;padding:2px 7px;border-radius:10px; } #d2s-store-page-wrapper .d2s-store__sidebar .d2s-store__widget:first-child > a:first-of-type:before{background:#fff1d6} #d2s-store-page-wrapper .d2s-store__sidebar .d2s-store__widget:first-child > .d2s-store__cat-link{ width:calc(25% - 10px);margin:0 10px 10px 0;float:left; } #d2s-store-page-wrapper .d2s-store__sidebar .d2s-store__widget:first-child:after{content:"";display:block;clear:both} #d2s-store-page-wrapper .d2s-store__sidebar .d2s-store__widget:not(:first-child){display:none} /* Product toolbar and cards */ #d2s-store-page-wrapper .d2s-store__main{width:100%} #d2s-store-page-wrapper .d2s-store__toolbar{ background:#fff;border:1px solid #e3e7e7;border-radius:12px;padding:10px 12px;margin-bottom:14px!important; } #d2s-store-page-wrapper .d2s-store__search-wrap{border-radius:9px;background:#f8faf9} #d2s-store-page-wrapper .d2s-store__search-btn{border-radius:9px;padding:9px 18px} #d2s-store-page-wrapper .d2s-store__sort-select{border-radius:9px;background:#fff} #d2s-store-page-wrapper .d2s-store__grid{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:16px!important} #d2s-store-page-wrapper .d2s-store__product-card{border-radius:12px;border-color:#e3e7e7;box-shadow:0 1px 3px rgba(15,17,17,.04)} #d2s-store-page-wrapper .d2s-store__product-card:hover{box-shadow:0 9px 24px rgba(15,17,17,.10);transform:translateY(-3px)} #d2s-store-page-wrapper .d2s-store__product-body{padding:13px} #d2s-store-page-wrapper .d2s-store__product-btn{border-radius:8px} @media(max-width:900px){ #d2s-store-page-wrapper .d2s-store__header{grid-template-columns:82px 1fr!important;gap:14px!important;min-height:150px} #d2s-store-page-wrapper .d2s-store__logo-wrap{margin-top:-42px} #d2s-store-page-wrapper .d2s-store__logo,#d2s-store-page-wrapper .d2s-store__avatar{width:76px;height:76px;border-radius:14px} #d2s-store-page-wrapper .d2s-store__stats{display:none} #d2s-store-page-wrapper .d2s-store__grid{grid-template-columns:repeat(3,minmax(0,1fr))!important} #d2s-store-page-wrapper .d2s-store__sidebar .d2s-store__widget:first-child > .d2s-store__cat-link{width:calc(33.333% - 9px)} } @media(max-width:600px){ #d2s-store-page-wrapper .d2s-store__banner-wrap{height:155px} #d2s-store-page-wrapper .d2s-store__container{padding-left:12px;padding-right:12px} #d2s-store-page-wrapper .d2s-store__header{grid-template-columns:68px 1fr!important;padding:17px 0 18px!important} #d2s-store-page-wrapper .d2s-store__logo-wrap{margin-top:-34px} #d2s-store-page-wrapper .d2s-store__logo,#d2s-store-page-wrapper .d2s-store__avatar{width:62px;height:62px;border-width:3px;border-radius:12px} #d2s-store-page-wrapper .d2s-store__name{font-size:19px!important} #d2s-store-page-wrapper .d2s-store__desc{font-size:12px;max-height:38px;overflow:hidden} #d2s-store-page-wrapper .d2s-store__meta-row{gap:7px} #d2s-store-page-wrapper .d2s-store__meta-item{font-size:10px} #d2s-store-page-wrapper .d2s-store__nav-inner{gap:22px;height:48px;overflow-x:auto;white-space:nowrap} #d2s-store-page-wrapper .d2s-store__nav a{height:48px;font-size:12px} #d2s-store-page-wrapper .d2s-store__sidebar .d2s-store__widget:first-child .d2s-store__widget-title{font-size:16px} #d2s-store-page-wrapper .d2s-store__sidebar .d2s-store__widget:first-child > .d2s-store__cat-link{width:calc(50% - 6px);margin-right:6px;min-height:82px} #d2s-store-page-wrapper .d2s-store__grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important} #d2s-store-page-wrapper .d2s-store__product-body{padding:10px} #d2s-store-page-wrapper .d2s-store__product-name{font-size:12px} #d2s-store-page-wrapper .d2s-store__product-price{font-size:14px} } /* ============================================================ D2S Storefront v2 — eBay-inspired marketplace presentation Frontend-only layer. Does not alter vendor/product backend. ============================================================ */ .d2s-store-page{ background:#fff!important; color:#111!important; } #d2s-store-page-wrapper{ background:#fff!important; } #d2s-store-page-wrapper .d2s-store__container{ max-width:1320px!important; padding-left:28px!important; padding-right:28px!important; } #d2s-store-page-wrapper .d2s-store__banner-wrap{ height:285px!important; border-radius:0!important; background:linear-gradient(135deg,#063f3a,#0b746b)!important; } #d2s-store-page-wrapper .d2s-store__header-wrap{ box-shadow:none!important; border-bottom:1px solid #e5e7eb!important; } #d2s-store-page-wrapper .d2s-store__header{ min-height:155px; padding:0 0 22px!important; grid-template-columns:112px minmax(0,1fr) auto!important; gap:24px!important; align-items:end!important; } #d2s-store-page-wrapper .d2s-store__logo-wrap{ margin-top:-55px!important; position:relative; z-index:2; } #d2s-store-page-wrapper .d2s-store__logo, #d2s-store-page-wrapper .d2s-store__avatar{ width:112px!important;height:112px!important; border-radius:18px!important; border:5px solid #fff!important; box-shadow:0 5px 20px rgba(0,0,0,.14)!important; } #d2s-store-page-wrapper .d2s-store__avatar{font-size:42px!important} #d2s-store-page-wrapper .d2s-store__info{ padding-top:18px!important; align-self:end!important; } #d2s-store-page-wrapper .d2s-store__name{ font-size:30px!important; line-height:1.15!important; letter-spacing:-.7px!important; } #d2s-store-page-wrapper .d2s-store__badge{ background:#e9f8e8!important; color:#16733a!important; border:1px solid #bfe6c4!important; text-transform:none!important; border-radius:999px!important; padding:5px 11px!important; } #d2s-store-page-wrapper .d2s-store__rating-row{ margin:7px 0 6px!important; } #d2s-store-page-wrapper .d2s-store__meta-row{ gap:16px!important;margin-bottom:0!important; } #d2s-store-page-wrapper .d2s-store__meta-item{font-size:13px!important} #d2s-store-page-wrapper .d2s-store__stats{ flex-direction:row!important; align-items:center!important; min-width:auto!important; padding:0!important; gap:22px!important; background:transparent!important; border:0!important; box-shadow:none!important; align-self:end!important; } #d2s-store-page-wrapper .d2s-store__stat{ border:0!important;padding:0!important;min-width:72px!important; } #d2s-store-page-wrapper .d2s-store__stat-val{font-size:19px!important} #d2s-store-page-wrapper .d2s-store__stat-label{font-size:10px!important} #d2s-store-page-wrapper .d2s-store__nav{ background:#fff!important; border-bottom:1px solid #e5e7eb!important; position:sticky!important; top:0!important; z-index:20!important; } #d2s-store-page-wrapper .d2s-store__nav-inner{ min-height:62px; display:flex!important; align-items:center!important; gap:34px!important; } #d2s-store-page-wrapper .d2s-store__nav-inner a{ display:flex!important;align-items:center!important;height:62px!important; color:#4b5563!important;font-size:14px!important;font-weight:600!important; text-decoration:none!important;border-bottom:3px solid transparent!important; } #d2s-store-page-wrapper .d2s-store__nav-inner a.is-active, #d2s-store-page-wrapper .d2s-store__nav-inner a:hover{ color:#075f57!important;border-bottom-color:#075f57!important; } #d2s-store-page-wrapper .d2s-store__body{ display:block!important; padding:18px 28px 50px!important; } #d2s-store-page-wrapper .d2s-store__sidebar{display:none!important} #d2s-store-page-wrapper .d2s-store__main{width:100%!important} #d2s-store-page-wrapper .d2s-store__toolbar{ padding:0!important;margin:0 0 18px!important; background:#fff!important; } #d2s-store-page-wrapper .d2s-store__search-form{min-width:320px!important} #d2s-store-page-wrapper .d2s-store__search-wrap{ border-radius:999px!important;padding:11px 16px!important; background:#fff!important; } #d2s-store-page-wrapper .d2s-store__search-btn{ border-radius:999px!important;padding:10px 20px!important; background:#075f57!important; } #d2s-store-page-wrapper .d2s-store__sort-select{ border-radius:999px!important;padding:10px 14px!important; } #d2s-store-page-wrapper .d2s-store__grid{ grid-template-columns:repeat(6,minmax(0,1fr))!important; gap:16px!important; } #d2s-store-page-wrapper .d2s-store__product-card{ border:1px solid #e5e7eb!important; border-radius:10px!important; box-shadow:none!important; transform:none!important; } #d2s-store-page-wrapper .d2s-store__product-card:hover{ box-shadow:0 8px 24px rgba(0,0,0,.10)!important; transform:translateY(-2px)!important; } #d2s-store-page-wrapper .d2s-store__product-img-wrap{ background:#f7f8f8!important; } #d2s-store-page-wrapper .d2s-store__product-body{padding:13px!important} #d2s-store-page-wrapper .d2s-store__product-name{font-size:13px!important} #d2s-store-page-wrapper .d2s-store__product-price{font-size:17px!important} #d2s-store-page-wrapper .d2s-store__product-btn{ background:#e8f5f4!important;border-radius:7px!important; } #d2s-store-page-wrapper .d2s-store__product-btn:hover{ background:#075f57!important; } #d2s-store-page-wrapper .d2s-store__featured{ background:#fff!important; border-bottom:1px solid #edf0f0!important; padding:25px 0 27px!important; } #d2s-store-page-wrapper .d2s-store__section-head h2{ margin:0 0 15px!important;font-size:21px!important; font-weight:800!important;letter-spacing:-.3px!important; } #d2s-store-page-wrapper .d2s-store__featured-track{ display:grid!important; grid-template-columns:repeat(6,minmax(0,1fr))!important; gap:14px!important; } #d2s-store-page-wrapper .d2s-store__featured-card{ display:flex!important;align-items:center!important;gap:12px!important; min-height:96px!important;padding:12px!important; background:#fff!important;border:1px solid #e5e7eb!important; border-radius:10px!important;text-decoration:none!important;color:#111!important; transition:.15s ease!important; } #d2s-store-page-wrapper .d2s-store__featured-card:hover{ border-color:#b8d9d5!important;box-shadow:0 5px 16px rgba(0,0,0,.07)!important; } #d2s-store-page-wrapper .d2s-store__featured-image{ width:76px;height:70px;flex:0 0 76px;border-radius:8px; overflow:hidden;background:#edf7f6;display:flex;align-items:center;justify-content:center; } #d2s-store-page-wrapper .d2s-store__featured-image img{ width:100%;height:100%;object-fit:cover; } #d2s-store-page-wrapper .d2s-store__featured-placeholder{ font-size:25px;font-weight:800;color:#075f57; } #d2s-store-page-wrapper .d2s-store__featured-copy{ min-width:0;display:flex;flex-direction:column;gap:5px; } #d2s-store-page-wrapper .d2s-store__featured-copy strong{ font-size:13px;line-height:1.3; } #d2s-store-page-wrapper .d2s-store__featured-copy span{ font-size:11px;color:#6b7280; } @media(max-width:1200px){ #d2s-store-page-wrapper .d2s-store__grid, #d2s-store-page-wrapper .d2s-store__featured-track{grid-template-columns:repeat(4,minmax(0,1fr))!important} } @media(max-width:900px){ #d2s-store-page-wrapper .d2s-store__header{ grid-template-columns:90px 1fr!important;gap:15px!important; } #d2s-store-page-wrapper .d2s-store__stats{display:none!important} #d2s-store-page-wrapper .d2s-store__logo, #d2s-store-page-wrapper .d2s-store__avatar{width:90px!important;height:90px!important} #d2s-store-page-wrapper .d2s-store__grid, #d2s-store-page-wrapper .d2s-store__featured-track{grid-template-columns:repeat(3,minmax(0,1fr))!important} } @media(max-width:600px){ #d2s-store-page-wrapper .d2s-store__container{padding-left:14px!important;padding-right:14px!important} #d2s-store-page-wrapper .d2s-store__banner-wrap{height:155px!important} #d2s-store-page-wrapper .d2s-store__header{ grid-template-columns:72px 1fr!important;gap:12px!important; padding-bottom:15px!important;min-height:125px; } #d2s-store-page-wrapper .d2s-store__logo-wrap{margin-top:-38px!important} #d2s-store-page-wrapper .d2s-store__logo, #d2s-store-page-wrapper .d2s-store__avatar{width:72px!important;height:72px!important;border-width:4px!important} #d2s-store-page-wrapper .d2s-store__avatar{font-size:27px!important} #d2s-store-page-wrapper .d2s-store__name{font-size:19px!important} #d2s-store-page-wrapper .d2s-store__badge{font-size:10px!important;padding:4px 8px!important} #d2s-store-page-wrapper .d2s-store__desc{display:none!important} #d2s-store-page-wrapper .d2s-store__meta-row{gap:7px!important} #d2s-store-page-wrapper .d2s-store__meta-item{font-size:11px!important} #d2s-store-page-wrapper .d2s-store__nav-inner{gap:20px!important;overflow-x:auto} #d2s-store-page-wrapper .d2s-store__nav-inner a{height:54px!important;font-size:13px!important} #d2s-store-page-wrapper .d2s-store__body{padding:15px 14px 35px!important} #d2s-store-page-wrapper .d2s-store__toolbar{display:grid!important;grid-template-columns:1fr auto!important} #d2s-store-page-wrapper .d2s-store__search-form{min-width:0!important;grid-column:1/-1!important} #d2s-store-page-wrapper .d2s-store__sort-wrap{grid-column:1!important} #d2s-store-page-wrapper .d2s-store__count{grid-column:2!important} #d2s-store-page-wrapper .d2s-store__grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important} #d2s-store-page-wrapper .d2s-store__featured{padding:19px 0!important} #d2s-store-page-wrapper .d2s-store__featured-track{ display:flex!important;overflow-x:auto!important;gap:10px!important;padding-bottom:4px!important; scrollbar-width:none; } #d2s-store-page-wrapper .d2s-store__featured-card{ min-width:225px!important; } } /* ============================================================ D2S Storefront — final marketplace polish ============================================================ */ #d2s-store-page-wrapper{font-family:inherit;color:#111827} #d2s-store-page-wrapper .d2s-store__container{max-width:1320px!important;padding-left:28px!important;padding-right:28px!important} #d2s-store-page-wrapper .d2s-store__banner-wrap{max-width:1320px;margin:0 auto;height:300px!important;border-radius:4px!important;overflow:hidden;background:#075c55!important;position:relative} #d2s-store-page-wrapper .d2s-store__banner-img{width:100%;height:100%;object-fit:cover;display:block} #d2s-store-page-wrapper .d2s-store__banner-overlay{background:linear-gradient(180deg,rgba(0,0,0,.03),rgba(0,0,0,.08))!important} #d2s-store-page-wrapper .d2s-store__header-wrap{background:#fff!important;border-bottom:1px solid #e5e7eb!important} #d2s-store-page-wrapper .d2s-store__header{grid-template-columns:112px minmax(0,1fr) auto!important;gap:26px!important;min-height:150px!important;padding:0 0 22px!important;align-items:end!important} #d2s-store-page-wrapper .d2s-store__logo-wrap{margin-top:-58px!important;position:relative;z-index:5} #d2s-store-page-wrapper .d2s-store__logo,#d2s-store-page-wrapper .d2s-store__avatar{width:112px!important;height:112px!important;border-radius:18px!important;border:5px solid #fff!important;box-shadow:0 5px 22px rgba(15,23,42,.16)!important;background:#eaf6f5!important} #d2s-store-page-wrapper .d2s-store__avatar{display:flex;align-items:center;justify-content:center;font-size:40px!important;color:#075f57!important} #d2s-store-page-wrapper .d2s-store__info{padding-top:16px!important;align-self:end!important} #d2s-store-page-wrapper .d2s-store__name-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap} #d2s-store-page-wrapper .d2s-store__name{font-size:30px!important;line-height:1.12!important;font-weight:800!important;letter-spacing:-.7px!important;color:#101828!important;margin:0!important} #d2s-store-page-wrapper .d2s-store__badge{background:#eaf8ec!important;color:#19733c!important;border:1px solid #bde4c5!important;border-radius:999px!important;padding:5px 10px!important;font-size:11px!important;font-weight:700!important} #d2s-store-page-wrapper .d2s-store__badge svg{fill:#198754!important} #d2s-store-page-wrapper .d2s-store__rating-row{display:flex!important;align-items:center!important;gap:7px!important;margin:9px 0 5px!important} #d2s-store-page-wrapper .d2s-store__stars{display:flex!important;gap:1px!important} #d2s-store-page-wrapper .d2s-store__rating-num{font-weight:800!important;color:#111827!important} #d2s-store-page-wrapper .d2s-store__rating-link{color:#667085!important;text-decoration:none!important;font-size:12px!important} #d2s-store-page-wrapper .d2s-store__desc{max-width:700px!important;margin:6px 0!important;color:#667085!important;font-size:13px!important;line-height:1.55!important} #d2s-store-page-wrapper .d2s-store__meta-row{display:flex!important;flex-wrap:wrap!important;gap:16px!important;margin-top:5px!important} #d2s-store-page-wrapper .d2s-store__meta-item{font-size:12px!important;color:#475467!important;display:inline-flex!important;align-items:center!important;gap:5px!important} #d2s-store-page-wrapper .d2s-store__mini-stats{display:flex;flex-wrap:wrap;gap:18px;margin-top:9px;color:#667085;font-size:12px} #d2s-store-page-wrapper .d2s-store__mini-stats strong{color:#111827;font-weight:800} #d2s-store-page-wrapper .d2s-store__actions{display:flex!important;align-items:center!important;justify-content:flex-end!important;gap:10px!important;align-self:end!important;padding-bottom:1px!important;flex-wrap:wrap!important} #d2s-store-page-wrapper .d2s-store__action{height:42px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:8px!important;padding:0 17px!important;border-radius:9px!important;font-family:inherit!important;font-size:13px!important;font-weight:700!important;cursor:pointer!important;transition:all .16s ease!important;white-space:nowrap!important} #d2s-store-page-wrapper .d2s-store__action--light{background:#fff!important;color:#111827!important;border:1px solid #d0d5dd!important} #d2s-store-page-wrapper .d2s-store__action--light:hover{border-color:#075f57!important;color:#075f57!important;background:#f7fbfa!important} #d2s-store-page-wrapper .d2s-store__action--follow{background:#075f57!important;color:#fff!important;border:1px solid #075f57!important;min-width:96px!important} #d2s-store-page-wrapper .d2s-store__action--follow:hover{background:#064b45!important} #d2s-store-page-wrapper .d2s-store__action--follow.is-following{background:#e8f5f4!important;color:#075f57!important;border-color:#075f57!important} #d2s-store-page-wrapper .d2s-store__action.is-copied{color:#075f57!important;border-color:#075f57!important} #d2s-store-page-wrapper .d2s-store__stats{display:none!important} #d2s-store-page-wrapper .d2s-store__nav{background:#fff!important;border-bottom:1px solid #e5e7eb!important;position:sticky!important;top:0!important;z-index:30!important} #d2s-store-page-wrapper .d2s-store__nav-inner{min-height:62px!important;display:flex!important;align-items:center!important;gap:34px!important} #d2s-store-page-wrapper .d2s-store__nav-inner a{height:62px!important;display:flex!important;align-items:center!important;color:#475467!important;font-size:14px!important;font-weight:650!important;text-decoration:none!important;border-bottom:3px solid transparent!important} #d2s-store-page-wrapper .d2s-store__nav-inner a.is-active,#d2s-store-page-wrapper .d2s-store__nav-inner a:hover{color:#075f57!important;border-bottom-color:#075f57!important} #d2s-store-page-wrapper .d2s-store__featured{background:#fff!important;border-bottom:1px solid #eaecf0!important;padding:28px 0 30px!important} #d2s-store-page-wrapper .d2s-store__section-head h2{font-size:21px!important;line-height:1.25!important;font-weight:800!important;color:#101828!important;margin:0 0 17px!important} #d2s-store-page-wrapper .d2s-store__featured-track{display:grid!important;grid-template-columns:repeat(6,minmax(0,1fr))!important;gap:14px!important} #d2s-store-page-wrapper .d2s-store__featured-card{min-height:104px!important;display:flex!important;align-items:center!important;gap:12px!important;padding:12px!important;background:#fff!important;border:1px solid #e4e7ec!important;border-radius:11px!important;text-decoration:none!important;color:#101828!important;transition:transform .16s,box-shadow .16s,border-color .16s!important} #d2s-store-page-wrapper .d2s-store__featured-card:hover{transform:translateY(-2px)!important;border-color:#b8d8d4!important;box-shadow:0 8px 24px rgba(16,24,40,.08)!important} #d2s-store-page-wrapper .d2s-store__featured-image{width:76px!important;height:76px!important;flex:0 0 76px!important;border-radius:9px!important;background:#edf7f6!important;overflow:hidden!important} #d2s-store-page-wrapper .d2s-store__featured-image img{width:100%!important;height:100%!important;object-fit:cover!important} #d2s-store-page-wrapper .d2s-store__featured-copy strong{font-size:13px!important;line-height:1.35!important;color:#101828!important} #d2s-store-page-wrapper .d2s-store__featured-copy span{font-size:11px!important;color:#667085!important} #d2s-store-page-wrapper .d2s-store__body{display:block!important;padding:28px 28px 48px!important} #d2s-store-page-wrapper .d2s-store__sidebar{display:none!important} #d2s-store-page-wrapper .d2s-store__toolbar{display:flex!important;align-items:center!important;gap:10px!important;margin-bottom:18px!important;padding:0!important} #d2s-store-page-wrapper .d2s-store__search-form{flex:1!important;min-width:320px!important} #d2s-store-page-wrapper .d2s-store__search-wrap{min-height:46px!important;border:1px solid #d0d5dd!important;border-radius:999px!important;padding:0 16px!important;background:#fff!important} #d2s-store-page-wrapper .d2s-store__search-input{font-size:13px!important} #d2s-store-page-wrapper .d2s-store__search-btn{height:46px!important;padding:0 22px!important;border-radius:999px!important;background:#075f57!important} #d2s-store-page-wrapper .d2s-store__search-btn:hover{background:#064b45!important} #d2s-store-page-wrapper .d2s-store__sort-select{height:42px!important;border-radius:999px!important;border:1px solid #d0d5dd!important;padding:0 14px!important;background:#fff!important} #d2s-store-page-wrapper .d2s-store__count{font-size:12px!important;color:#667085!important} #d2s-store-page-wrapper .d2s-store__grid{display:grid!important;grid-template-columns:repeat(6,minmax(0,1fr))!important;gap:16px!important} #d2s-store-page-wrapper .d2s-store__product-card{border:1px solid #e4e7ec!important;border-radius:11px!important;background:#fff!important;overflow:hidden!important;box-shadow:none!important;transition:transform .16s,box-shadow .16s,border-color .16s!important} #d2s-store-page-wrapper .d2s-store__product-card:hover{transform:translateY(-3px)!important;border-color:#d0d5dd!important;box-shadow:0 10px 28px rgba(16,24,40,.10)!important} #d2s-store-page-wrapper .d2s-store__product-card>a:first-child{background:#f7f8fa!important} #d2s-store-page-wrapper .d2s-store__product-card>a:first-child img{transition:transform .3s ease!important} #d2s-store-page-wrapper .d2s-store__product-card:hover>a:first-child img{transform:scale(1.035)!important} #d2s-store-page-wrapper .d2s-store__product-card h3{font-size:13px!important;line-height:1.45!important;font-weight:650!important;color:#101828!important} #d2s-store-page-wrapper .d2s-store__product-card h3 a:hover{color:#075f57!important} #d2s-store-page-wrapper .d2s-store__product-card .woocommerce-Price-amount{font-size:16px!important;font-weight:800!important} #d2s-store-page-wrapper .d2s-store__product-card ins .woocommerce-Price-amount{color:#d92d20!important} #d2s-store-page-wrapper .d2s-store__product-card del .woocommerce-Price-amount{font-size:12px!important;color:#98a2b3!important;font-weight:500!important} #d2s-store-page-wrapper .d2s-store__product-card>a:last-child{height:38px!important;box-sizing:border-box!important;align-items:center!important;border-radius:8px!important} @media(max-width:1200px){ #d2s-store-page-wrapper .d2s-store__grid{grid-template-columns:repeat(5,minmax(0,1fr))!important} #d2s-store-page-wrapper .d2s-store__featured-track{grid-template-columns:repeat(3,minmax(0,1fr))!important} } @media(max-width:950px){ #d2s-store-page-wrapper .d2s-store__banner-wrap{height:220px!important} #d2s-store-page-wrapper .d2s-store__header{grid-template-columns:90px minmax(0,1fr)!important;gap:16px!important} #d2s-store-page-wrapper .d2s-store__actions{grid-column:2!important;justify-content:flex-start!important;align-self:auto!important;padding:0!important} #d2s-store-page-wrapper .d2s-store__grid{grid-template-columns:repeat(3,minmax(0,1fr))!important} #d2s-store-page-wrapper .d2s-store__toolbar{flex-wrap:wrap!important} #d2s-store-page-wrapper .d2s-store__search-form{min-width:100%!important;order:1!important} } @media(max-width:600px){ #d2s-store-page-wrapper .d2s-store__container{padding-left:14px!important;padding-right:14px!important} #d2s-store-page-wrapper .d2s-store__banner-wrap{height:155px!important;border-radius:0!important} #d2s-store-page-wrapper .d2s-store__header{grid-template-columns:72px minmax(0,1fr)!important;gap:12px!important;min-height:185px!important;padding-bottom:16px!important} #d2s-store-page-wrapper .d2s-store__logo-wrap{margin-top:-38px!important} #d2s-store-page-wrapper .d2s-store__logo,#d2s-store-page-wrapper .d2s-store__avatar{width:72px!important;height:72px!important;border-width:4px!important;border-radius:14px!important} #d2s-store-page-wrapper .d2s-store__name{font-size:20px!important} #d2s-store-page-wrapper .d2s-store__badge{font-size:10px!important;padding:4px 8px!important} #d2s-store-page-wrapper .d2s-store__rating-row{margin-top:6px!important} #d2s-store-page-wrapper .d2s-store__desc{display:none!important} #d2s-store-page-wrapper .d2s-store__meta-row{gap:7px!important} #d2s-store-page-wrapper .d2s-store__meta-item{font-size:10px!important} #d2s-store-page-wrapper .d2s-store__mini-stats{gap:10px;font-size:10px} #d2s-store-page-wrapper .d2s-store__actions{grid-column:1/-1!important;display:grid!important;grid-template-columns:repeat(3,1fr)!important;width:100%!important} #d2s-store-page-wrapper .d2s-store__action{height:40px!important;padding:0 8px!important;font-size:11px!important} #d2s-store-page-wrapper .d2s-store__nav-inner{gap:22px!important;overflow-x:auto!important;min-height:54px!important} #d2s-store-page-wrapper .d2s-store__nav-inner a{height:54px!important;font-size:13px!important;flex:0 0 auto!important} #d2s-store-page-wrapper .d2s-store__featured{padding:20px 0!important} #d2s-store-page-wrapper .d2s-store__featured-track{display:flex!important;overflow-x:auto!important;scrollbar-width:none!important} #d2s-store-page-wrapper .d2s-store__featured-card{min-width:225px!important} #d2s-store-page-wrapper .d2s-store__body{padding:18px 14px 35px!important} #d2s-store-page-wrapper .d2s-store__grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important} #d2s-store-page-wrapper .d2s-store__product-card h3{font-size:12px!important} #d2s-store-page-wrapper .d2s-store__product-card .woocommerce-Price-amount{font-size:14px!important} } /* D2S Storefront v3 - final visual polish */ #d2s-store-page-wrapper .d2s-store__header{grid-template-columns:112px minmax(0,1fr) auto!important} #d2s-store-page-wrapper .d2s-store__actions{grid-column:3!important} #d2s-store-page-wrapper .d2s-store__mini-stats{display:flex!important} #d2s-store-page-wrapper .d2s-store__featured:has(+ .d2s-store__body){display:block!important} #d2s-store-page-wrapper .d2s-store__section-head{display:flex;align-items:center;justify-content:space-between} #d2s-store-page-wrapper .d2s-store__featured-track{min-height:104px} #d2s-store-page-wrapper .d2s-store__featured-card{box-sizing:border-box} #d2s-store-page-wrapper .d2s-store__product-card>a:first-child{aspect-ratio:1/1!important} @media(max-width:950px){#d2s-store-page-wrapper .d2s-store__actions{grid-column:2!important}} @media(max-width:600px){#d2s-store-page-wrapper .d2s-store__actions{grid-column:1/-1!important}} /* ============================================================ D2S STOREFRONT v4 — eBay-style marketplace polish CSS-only visual layer. Does not alter product/upload logic. ============================================================ */ #d2s-store-page-wrapper{background:#fff!important;color:#101828!important} #d2s-store-page-wrapper .d2s-store-page{background:#fff!important} #d2s-store-page-wrapper .d2s-store__container{max-width:1380px!important;padding-left:28px!important;padding-right:28px!important} /* Banner: marketplace hero, contained like eBay shop */ #d2s-store-page-wrapper .d2s-store__banner-wrap{ max-width:1380px!important;margin:0 auto!important;height:270px!important; border-radius:0!important;overflow:hidden!important;background:#08534C!important; } #d2s-store-page-wrapper .d2s-store__banner-img{object-fit:cover!important} #d2s-store-page-wrapper .d2s-store__banner-overlay{height:90px!important;background:linear-gradient(to top,rgba(0,0,0,.28),transparent)!important} /* Seller identity block */ #d2s-store-page-wrapper .d2s-store__header-wrap{border-bottom:0!important;box-shadow:none!important;background:#fff!important} #d2s-store-page-wrapper .d2s-store__header{ grid-template-columns:112px minmax(0,1fr) auto!important; gap:22px!important;align-items:center!important;padding:18px 0 20px!important; min-height:145px!important; } #d2s-store-page-wrapper .d2s-store__logo-wrap{margin-top:-52px!important;align-self:start!important} #d2s-store-page-wrapper .d2s-store__logo, #d2s-store-page-wrapper .d2s-store__avatar{ width:112px!important;height:112px!important;border-radius:18px!important; border:4px solid #fff!important;box-shadow:0 5px 18px rgba(16,24,40,.14)!important; } #d2s-store-page-wrapper .d2s-store__avatar{font-size:40px!important} #d2s-store-page-wrapper .d2s-store__info{padding-top:0!important;min-width:0!important} #d2s-store-page-wrapper .d2s-store__name-row{gap:10px!important;margin:0 0 6px!important} #d2s-store-page-wrapper .d2s-store__name{font-size:27px!important;line-height:1.15!important;font-weight:800!important;letter-spacing:-.5px!important} #d2s-store-page-wrapper .d2s-store__badge{background:#e8f7e9!important;color:#19743a!important;border:1px solid #b8dfbf!important;border-radius:999px!important;padding:5px 11px!important;text-transform:none!important;letter-spacing:0!important} #d2s-store-page-wrapper .d2s-store__badge svg{fill:#16803b!important} #d2s-store-page-wrapper .d2s-store__rating-row{margin:0 0 7px!important;gap:7px!important} #d2s-store-page-wrapper .d2s-store__meta-row{margin:0 0 9px!important;gap:16px!important} #d2s-store-page-wrapper .d2s-store__meta-item{font-size:12px!important;color:#475467!important} #d2s-store-page-wrapper .d2s-store__desc{display:none!important} /* Compact seller stats — one clean horizontal line */ #d2s-store-page-wrapper .d2s-store__mini-stats{ display:flex!important;align-items:center!important;flex-wrap:wrap!important;gap:18px!important; margin-top:2px!important;color:#475467!important;font-size:12px!important; } #d2s-store-page-wrapper .d2s-store__mini-stats span{display:inline-flex!important;align-items:center!important;gap:4px!important} #d2s-store-page-wrapper .d2s-store__mini-stats span+span:before{content:'•';color:#98A2B3;margin-right:3px} #d2s-store-page-wrapper .d2s-store__mini-stats strong{color:#101828!important;font-weight:800!important} /* Action buttons */ #d2s-store-page-wrapper .d2s-store__actions{ display:flex!important;align-items:center!important;justify-content:flex-end!important;gap:8px!important; align-self:center!important;white-space:nowrap!important;padding:0!important; } #d2s-store-page-wrapper .d2s-store__action{ height:42px!important;min-width:104px!important;padding:0 16px!important; display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:7px!important; border:1px solid #d0d5dd!important;border-radius:8px!important;background:#fff!important; color:#101828!important;font-size:13px!important;font-weight:700!important; box-shadow:none!important;transition:.15s ease!important; } #d2s-store-page-wrapper .d2s-store__action:hover{border-color:#98a2b3!important;background:#f8fafc!important} #d2s-store-page-wrapper .d2s-store__action--follow{background:#075f57!important;color:#fff!important;border-color:#075f57!important} #d2s-store-page-wrapper .d2s-store__action--follow:hover{background:#064b45!important;border-color:#064b45!important} #d2s-store-page-wrapper .d2s-store__action--follow.is-following{background:#e8f5f4!important;color:#075f57!important;border-color:#075f57!important} /* Remove old duplicate stats card */ #d2s-store-page-wrapper .d2s-store__stats{display:none!important} /* Tabs: clean marketplace navigation */ #d2s-store-page-wrapper .d2s-store__nav{ background:#fff!important;border-top:1px solid #eaecf0!important;border-bottom:1px solid #eaecf0!important; position:relative!important;z-index:2!important; } #d2s-store-page-wrapper .d2s-store__nav-inner{min-height:58px!important;gap:34px!important;overflow:visible!important} #d2s-store-page-wrapper .d2s-store__nav-inner a{ height:58px!important;display:flex!important;align-items:center!important; color:#475467!important;font-size:14px!important;font-weight:650!important; text-decoration:none!important;border-bottom:3px solid transparent!important; } #d2s-store-page-wrapper .d2s-store__nav-inner a.is-active, #d2s-store-page-wrapper .d2s-store__nav-inner a:hover{color:#075f57!important;border-bottom-color:#075f57!important} /* Featured categories */ #d2s-store-page-wrapper .d2s-store__featured{background:#fff!important;border-bottom:1px solid #eaecf0!important;padding:26px 0 28px!important} #d2s-store-page-wrapper .d2s-store__section-head h2{font-size:20px!important;color:#101828!important;margin:0 0 16px!important} #d2s-store-page-wrapper .d2s-store__featured-track{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:14px!important;min-height:0!important} #d2s-store-page-wrapper .d2s-store__featured-card{min-height:108px!important;border:1px solid #e4e7ec!important;border-radius:10px!important;padding:14px!important} #d2s-store-page-wrapper .d2s-store__featured-image{width:78px!important;height:78px!important;flex:0 0 78px!important;border-radius:9px!important} /* Product area — no cramped sidebar; eBay-style clean shop */ #d2s-store-page-wrapper .d2s-store__body{ display:block!important;padding:26px 28px 48px!important; } #d2s-store-page-wrapper .d2s-store__sidebar{display:none!important} #d2s-store-page-wrapper .d2s-store__main{width:100%!important;min-width:0!important} #d2s-store-page-wrapper .d2s-store__toolbar{ display:flex!important;align-items:center!important;gap:10px!important;margin:0 0 18px!important; padding:0!important;flex-wrap:nowrap!important; } #d2s-store-page-wrapper .d2s-store__search-form{flex:1 1 auto!important;min-width:0!important} #d2s-store-page-wrapper .d2s-store__search-wrap{min-height:48px!important;border:1px solid #b8c0cc!important;border-radius:999px!important;padding:0 16px!important;background:#fff!important} #d2s-store-page-wrapper .d2s-store__search-input{font-size:14px!important} #d2s-store-page-wrapper .d2s-store__search-btn{height:48px!important;padding:0 24px!important;border-radius:999px!important;background:#075f57!important;font-size:13px!important} #d2s-store-page-wrapper .d2s-store__sort-select{height:42px!important;border-radius:999px!important;border:1px solid #d0d5dd!important;padding:0 15px!important;background:#fff!important} #d2s-store-page-wrapper .d2s-store__count{font-size:12px!important;color:#667085!important} /* 5-column desktop product grid, naturally fewer columns when fewer products */ #d2s-store-page-wrapper .d2s-store__grid{ display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr))!important;gap:18px!important; } #d2s-store-page-wrapper .d2s-store__product-card{ border:1px solid #e4e7ec!important;border-radius:10px!important;background:#fff!important; box-shadow:none!important;overflow:hidden!important; } #d2s-store-page-wrapper .d2s-store__product-card:hover{transform:translateY(-2px)!important;box-shadow:0 8px 24px rgba(16,24,40,.09)!important} #d2s-store-page-wrapper .d2s-store__product-card>a:first-child{aspect-ratio:1/1!important;background:#f7f8fa!important} #d2s-store-page-wrapper .d2s-store__product-card h3{font-size:13px!important;line-height:1.42!important;font-weight:650!important;color:#101828!important} #d2s-store-page-wrapper .d2s-store__product-card .woocommerce-Price-amount{font-size:16px!important;font-weight:800!important} #d2s-store-page-wrapper .d2s-store__product-card ins .woocommerce-Price-amount{color:#d92d20!important} #d2s-store-page-wrapper .d2s-store__product-card del .woocommerce-Price-amount{font-size:12px!important;color:#98a2b3!important} #d2s-store-page-wrapper .d2s-store__product-card>a:last-child{height:38px!important;border-radius:7px!important} @media(max-width:1200px){ #d2s-store-page-wrapper .d2s-store__grid{grid-template-columns:repeat(4,minmax(0,1fr))!important} #d2s-store-page-wrapper .d2s-store__featured-track{grid-template-columns:repeat(3,minmax(0,1fr))!important} } @media(max-width:900px){ #d2s-store-page-wrapper .d2s-store__container{padding-left:18px!important;padding-right:18px!important} #d2s-store-page-wrapper .d2s-store__banner-wrap{height:220px!important} #d2s-store-page-wrapper .d2s-store__header{grid-template-columns:92px minmax(0,1fr)!important;gap:16px!important} #d2s-store-page-wrapper .d2s-store__logo-wrap{margin-top:-44px!important} #d2s-store-page-wrapper .d2s-store__logo,#d2s-store-page-wrapper .d2s-store__avatar{width:92px!important;height:92px!important} #d2s-store-page-wrapper .d2s-store__actions{grid-column:2!important;justify-content:flex-start!important} #d2s-store-page-wrapper .d2s-store__grid{grid-template-columns:repeat(3,minmax(0,1fr))!important} #d2s-store-page-wrapper .d2s-store__toolbar{flex-wrap:wrap!important} #d2s-store-page-wrapper .d2s-store__search-form{min-width:100%!important;order:1!important} } @media(max-width:600px){ #d2s-store-page-wrapper .d2s-store__container{padding-left:14px!important;padding-right:14px!important} #d2s-store-page-wrapper .d2s-store__banner-wrap{height:155px!important} #d2s-store-page-wrapper .d2s-store__header{grid-template-columns:72px minmax(0,1fr)!important;gap:12px!important;min-height:0!important;padding:16px 0 18px!important} #d2s-store-page-wrapper .d2s-store__logo-wrap{margin-top:-38px!important} #d2s-store-page-wrapper .d2s-store__logo,#d2s-store-page-wrapper .d2s-store__avatar{width:72px!important;height:72px!important;border-width:4px!important} #d2s-store-page-wrapper .d2s-store__name{font-size:20px!important} #d2s-store-page-wrapper .d2s-store__mini-stats{gap:9px!important} #d2s-store-page-wrapper .d2s-store__actions{grid-column:1/-1!important;width:100%!important;display:grid!important;grid-template-columns:repeat(3,1fr)!important} #d2s-store-page-wrapper .d2s-store__action{min-width:0!important;height:40px!important;padding:0 7px!important;font-size:11px!important} #d2s-store-page-wrapper .d2s-store__nav-inner{gap:24px!important;overflow-x:auto!important} #d2s-store-page-wrapper .d2s-store__nav-inner a{height:54px!important;flex:0 0 auto!important;font-size:13px!important} #d2s-store-page-wrapper .d2s-store__featured-track{display:flex!important;overflow-x:auto!important;scrollbar-width:none!important} #d2s-store-page-wrapper .d2s-store__featured-card{min-width:230px!important} #d2s-store-page-wrapper .d2s-store__body{padding:18px 14px 35px!important} #d2s-store-page-wrapper .d2s-store__grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important} } /* ============================================================ V5 — Marketplace navigation polish Categories first, then tabs, then inline store search. Product count intentionally removed from the search area. ============================================================ */ #d2s-store-page-wrapper .d2s-store__nav{background:#fff!important;border-top:1px solid #eaecf0!important;border-bottom:1px solid #eaecf0!important;position:relative!important;z-index:50!important} #d2s-store-page-wrapper .d2s-store__nav-inner{min-height:68px!important;display:flex!important;align-items:center!important;gap:0!important;padding-top:0!important;padding-bottom:0!important} #d2s-store-page-wrapper .d2s-store__category-nav{position:relative!important;flex:0 0 auto!important} #d2s-store-page-wrapper .d2s-store__category-trigger{height:42px!important;display:inline-flex!important;align-items:center!important;gap:8px!important;padding:0 15px!important;border:1px solid #d0d5dd!important;border-radius:999px!important;background:#fff!important;color:#101828!important;font-family:inherit!important;font-size:13px!important;font-weight:750!important;cursor:pointer!important;white-space:nowrap!important} #d2s-store-page-wrapper .d2s-store__category-trigger:hover,#d2s-store-page-wrapper .d2s-store__category-trigger[aria-expanded="true"]{border-color:#075f57!important;color:#075f57!important;background:#f8fbfa!important} #d2s-store-page-wrapper .d2s-store__category-chevron{transition:transform .18s ease!important} #d2s-store-page-wrapper .d2s-store__category-trigger[aria-expanded="true"] .d2s-store__category-chevron{transform:rotate(180deg)!important} #d2s-store-page-wrapper .d2s-store__category-menu{position:absolute!important;top:calc(100% + 10px)!important;left:0!important;width:260px!important;max-height:390px!important;overflow:auto!important;background:#fff!important;border:1px solid #e4e7ec!important;border-radius:12px!important;box-shadow:0 14px 35px rgba(16,24,40,.14)!important;padding:7px!important;display:none!important} #d2s-store-page-wrapper .d2s-store__category-menu.is-open{display:block!important} #d2s-store-page-wrapper .d2s-store__category-menu a{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:12px!important;padding:10px 11px!important;border-radius:8px!important;color:#344054!important;text-decoration:none!important;font-size:13px!important;font-weight:550!important;line-height:1.25!important} #d2s-store-page-wrapper .d2s-store__category-menu a:hover{background:#f2f7f6!important;color:#075f57!important} #d2s-store-page-wrapper .d2s-store__category-menu a.is-active{background:#e8f5f4!important;color:#075f57!important;font-weight:750!important} #d2s-store-page-wrapper .d2s-store__category-menu small{font-size:11px!important;color:#98a2b3!important;font-weight:700!important} #d2s-store-page-wrapper .d2s-store__nav-tabs{display:flex!important;align-items:center!important;height:68px!important;margin-left:24px!important;gap:26px!important;flex:0 0 auto!important} #d2s-store-page-wrapper .d2s-store__nav-tabs a{height:68px!important;display:flex!important;align-items:center!important;position:relative!important;color:#475467!important;font-size:13px!important;font-weight:650!important;text-decoration:none!important;border:0!important} #d2s-store-page-wrapper .d2s-store__nav-tabs a:after{content:""!important;position:absolute!important;left:0!important;right:0!important;bottom:0!important;height:3px!important;background:transparent!important;border-radius:3px 3px 0 0!important} #d2s-store-page-wrapper .d2s-store__nav-tabs a.is-active,#d2s-store-page-wrapper .d2s-store__nav-tabs a:hover{color:#075f57!important} #d2s-store-page-wrapper .d2s-store__nav-tabs a.is-active:after{background:#075f57!important} #d2s-store-page-wrapper .d2s-store__nav-search{margin-left:auto!important;width:min(360px,34vw)!important;height:44px!important;display:flex!important;align-items:center!important;gap:8px!important;padding:0 5px 0 14px!important;border:1px solid #d0d5dd!important;border-radius:999px!important;background:#fff!important;transition:border-color .15s,box-shadow .15s!important} #d2s-store-page-wrapper .d2s-store__nav-search:focus-within{border-color:#075f57!important;box-shadow:0 0 0 3px rgba(8,83,76,.08)!important} #d2s-store-page-wrapper .d2s-store__nav-search>svg{stroke:#667085!important;flex:0 0 auto!important} #d2s-store-page-wrapper .d2s-store__nav-search input{width:100%!important;min-width:0!important;border:0!important;outline:0!important;background:transparent!important;font:500 13px/1.2 inherit!important;color:#101828!important} #d2s-store-page-wrapper .d2s-store__nav-search input::placeholder{color:#98a2b3!important} #d2s-store-page-wrapper .d2s-store__nav-search button{width:34px!important;height:34px!important;flex:0 0 34px!important;border:0!important;border-radius:50%!important;background:#075f57!important;color:#fff!important;display:flex!important;align-items:center!important;justify-content:center!important;cursor:pointer!important} #d2s-store-page-wrapper .d2s-store__nav-search button:hover{background:#064b45!important} #d2s-store-page-wrapper .d2s-store__toolbar--compact{justify-content:flex-end!important;margin:0 0 14px!important;padding:0!important} #d2s-store-page-wrapper .d2s-store__toolbar--compact .d2s-store__sort-wrap{display:flex!important;align-items:center!important;gap:8px!important} #d2s-store-page-wrapper .d2s-store__toolbar--compact .d2s-store__sort-wrap>span{font-size:12px!important;font-weight:650!important;color:#667085!important} #d2s-store-page-wrapper .d2s-store__toolbar--compact .d2s-store__sort-select{height:38px!important;border-radius:999px!important;padding:0 13px!important} @media(max-width:900px){ #d2s-store-page-wrapper .d2s-store__nav-inner{min-height:60px!important;flex-wrap:wrap!important;padding-top:8px!important;padding-bottom:8px!important;gap:8px!important} #d2s-store-page-wrapper .d2s-store__category-trigger{height:40px!important} #d2s-store-page-wrapper .d2s-store__nav-tabs{height:40px!important;margin-left:0!important;gap:17px!important} #d2s-store-page-wrapper .d2s-store__nav-tabs a{height:40px!important;font-size:12px!important} #d2s-store-page-wrapper .d2s-store__nav-tabs a:after{display:none!important} #d2s-store-page-wrapper .d2s-store__nav-search{order:3!important;width:100%!important;height:42px!important;margin-left:0!important} } @media(max-width:600px){ #d2s-store-page-wrapper .d2s-store__nav-inner{padding-left:14px!important;padding-right:14px!important} #d2s-store-page-wrapper .d2s-store__nav-tabs{gap:13px!important;overflow-x:auto!important;max-width:calc(100% - 150px)!important;scrollbar-width:none!important} #d2s-store-page-wrapper .d2s-store__nav-tabs a{flex:0 0 auto!important} #d2s-store-page-wrapper .d2s-store__category-menu{position:fixed!important;top:auto!important;left:14px!important;right:14px!important;width:auto!important;max-height:65vh!important} #d2s-store-page-wrapper .d2s-store__toolbar--compact{margin-top:4px!important} } /* ============================================================ V6 — Single-line store navigation Desktop: Categories + tabs + inline search on ONE row. Mobile: naturally stacks for usability. ============================================================ */ @media(min-width:901px){ #d2s-store-page-wrapper .d2s-store__nav-inner{ display:flex!important; flex-wrap:nowrap!important; align-items:center!important; gap:0!important; min-height:68px!important; white-space:nowrap!important; } #d2s-store-page-wrapper .d2s-store__category-nav{ flex:0 0 auto!important; width:auto!important; } #d2s-store-page-wrapper .d2s-store__category-trigger{ height:42px!important; min-width:158px!important; justify-content:center!important; } #d2s-store-page-wrapper .d2s-store__nav-tabs{ flex:0 0 auto!important; height:68px!important; margin-left:24px!important; gap:22px!important; } #d2s-store-page-wrapper .d2s-store__nav-tabs a{ height:68px!important; flex:0 0 auto!important; padding:0 1px!important; } #d2s-store-page-wrapper .d2s-store__nav-search{ flex:1 1 340px!important; width:auto!important; min-width:240px!important; max-width:none!important; height:44px!important; margin-left:auto!important; box-sizing:border-box!important; } } /* Keep the category dropdown hidden until the Categories button is clicked. */ #d2s-store-page-wrapper .d2s-store__category-menu{display:none!important;} #d2s-store-page-wrapper .d2s-store__category-menu.is-open{display:block!important;} @media(max-width:900px){ #d2s-store-page-wrapper .d2s-store__nav-inner{ flex-wrap:wrap!important; } } /* ============================================================ V7 — FINAL STORE NAV OVERRIDE Force a clean eBay-style single-line navigation on desktop. This block intentionally uses strong selectors because WoodMart and cached theme CSS can otherwise break the flex layout. ============================================================ */ @media (min-width: 901px){ #d2s-store-page-wrapper .d2s-store__nav{ display:block!important; background:#fff!important; border-top:1px solid #eaecf0!important; border-bottom:1px solid #eaecf0!important; overflow:visible!important; } #d2s-store-page-wrapper .d2s-store__nav-inner{ width:100%!important; max-width:1180px!important; min-height:72px!important; height:72px!important; margin:0 auto!important; padding:0 16px!important; display:flex!important; flex-direction:row!important; flex-wrap:nowrap!important; align-items:center!important; gap:0!important; white-space:nowrap!important; } #d2s-store-page-wrapper .d2s-store__category-nav{ position:relative!important; display:block!important; flex:0 0 auto!important; width:auto!important; margin:0!important; } #d2s-store-page-wrapper .d2s-store__category-trigger{ box-sizing:border-box!important; display:inline-flex!important; align-items:center!important; justify-content:center!important; gap:8px!important; width:auto!important; min-width:156px!important; height:44px!important; margin:0!important; padding:0 16px!important; border:1px solid #d0d5dd!important; border-radius:9px!important; background:#fff!important; color:#344054!important; font-family:inherit!important; font-size:13px!important; font-weight:700!important; line-height:1!important; cursor:pointer!important; box-shadow:none!important; } #d2s-store-page-wrapper .d2s-store__category-trigger:hover, #d2s-store-page-wrapper .d2s-store__category-trigger[aria-expanded="true"]{ border-color:#08534c!important; color:#08534c!important; background:#f7fbfa!important; } #d2s-store-page-wrapper .d2s-store__category-menu{ position:absolute!important; top:calc(100% + 8px)!important; left:0!important; z-index:99999!important; display:none!important; width:270px!important; max-height:420px!important; overflow-y:auto!important; margin:0!important; padding:7px!important; background:#fff!important; border:1px solid #e4e7ec!important; border-radius:12px!important; box-shadow:0 18px 45px rgba(16,24,40,.16)!important; } #d2s-store-page-wrapper .d2s-store__category-menu.is-open{display:block!important} #d2s-store-page-wrapper .d2s-store__category-menu a{ display:flex!important; align-items:center!important; justify-content:space-between!important; gap:12px!important; width:100%!important; min-height:40px!important; box-sizing:border-box!important; padding:9px 11px!important; border:0!important; border-radius:8px!important; color:#344054!important; background:transparent!important; text-decoration:none!important; font-size:13px!important; font-weight:600!important; line-height:1.25!important; } #d2s-store-page-wrapper .d2s-store__category-menu a:hover, #d2s-store-page-wrapper .d2s-store__category-menu a.is-active{ color:#08534c!important; background:#edf7f5!important; } #d2s-store-page-wrapper .d2s-store__nav-tabs{ display:flex!important; flex:0 0 auto!important; align-items:center!important; height:72px!important; margin:0 0 0 28px!important; padding:0!important; gap:28px!important; } #d2s-store-page-wrapper .d2s-store__nav-tabs a{ position:relative!important; display:inline-flex!important; align-items:center!important; justify-content:center!important; flex:0 0 auto!important; height:72px!important; margin:0!important; padding:0 1px!important; border:0!important; color:#475467!important; background:transparent!important; text-decoration:none!important; font-family:inherit!important; font-size:13px!important; font-weight:650!important; line-height:1!important; } #d2s-store-page-wrapper .d2s-store__nav-tabs a:after{ content:""!important; position:absolute!important; left:0!important; right:0!important; bottom:0!important; width:auto!important; height:3px!important; background:transparent!important; border-radius:3px 3px 0 0!important; } #d2s-store-page-wrapper .d2s-store__nav-tabs a:hover, #d2s-store-page-wrapper .d2s-store__nav-tabs a.is-active{color:#08534c!important} #d2s-store-page-wrapper .d2s-store__nav-tabs a.is-active:after{background:#08534c!important} #d2s-store-page-wrapper .d2s-store__nav-search{ display:flex!important; flex:1 1 auto!important; width:auto!important; min-width:260px!important; max-width:430px!important; height:44px!important; margin:0 0 0 auto!important; padding:0 5px 0 15px!important; box-sizing:border-box!important; align-items:center!important; gap:8px!important; border:1px solid #d0d5dd!important; border-radius:999px!important; background:#fff!important; } #d2s-store-page-wrapper .d2s-store__nav-search:focus-within{ border-color:#08534c!important; box-shadow:0 0 0 3px rgba(8,83,76,.08)!important; } #d2s-store-page-wrapper .d2s-store__nav-search input{ flex:1 1 auto!important; width:100%!important; min-width:0!important; height:42px!important; margin:0!important; padding:0!important; border:0!important; outline:0!important; background:transparent!important; color:#101828!important; font-family:inherit!important; font-size:13px!important; font-weight:500!important; } #d2s-store-page-wrapper .d2s-store__nav-search input::placeholder{color:#98a2b3!important} #d2s-store-page-wrapper .d2s-store__nav-search button{ display:flex!important; align-items:center!important; justify-content:center!important; flex:0 0 34px!important; width:34px!important; height:34px!important; margin:0!important; padding:0!important; border:0!important; border-radius:50%!important; background:#08534c!important; color:#fff!important; cursor:pointer!important; } #d2s-store-page-wrapper .d2s-store__nav-search button:hover{background:#06453f!important} } @media (max-width:900px){ #d2s-store-page-wrapper .d2s-store__nav-inner{display:flex!important;flex-wrap:wrap!important;gap:8px!important;height:auto!important;min-height:60px!important;padding:8px 14px!important} #d2s-store-page-wrapper .d2s-store__nav-tabs{display:flex!important;align-items:center!important;gap:16px!important;height:42px!important;margin:0!important;overflow-x:auto!important;white-space:nowrap!important} #d2s-store-page-wrapper .d2s-store__nav-tabs a{height:42px!important;flex:0 0 auto!important} #d2s-store-page-wrapper .d2s-store__nav-search{order:3!important;width:100%!important;max-width:none!important;margin:0!important;height:44px!important} } /* ============================================================ D2S Storefront V8 — final navigation/layout polish Frontend presentation only. Product/gallery logic untouched. ============================================================ */ #d2s-store-page-wrapper .d2s-store__nav{ position:relative!important; background:#fff!important; border-top:1px solid #edf0f0!important; border-bottom:1px solid #dfe5e4!important; box-shadow:0 2px 8px rgba(15,23,42,.04)!important; z-index:50!important; } #d2s-store-page-wrapper .d2s-store__nav-inner{ display:flex!important; flex-wrap:nowrap!important; align-items:center!important; gap:0!important; min-height:64px!important; height:64px!important; width:100%!important; max-width:1320px!important; margin:0 auto!important; padding:0 28px!important; overflow:visible!important; } /* Category button */ #d2s-store-page-wrapper .d2s-store__category-nav{ position:relative!important; flex:0 0 auto!important; margin-right:26px!important; } #d2s-store-page-wrapper .d2s-store__category-trigger{ height:42px!important; display:inline-flex!important; align-items:center!important; gap:8px!important; padding:0 16px!important; border:1px solid #cbd8d6!important; border-radius:9px!important; background:#fff!important; color:#10201e!important; font:700 13px/1 inherit!important; cursor:pointer!important; white-space:nowrap!important; box-shadow:0 1px 2px rgba(15,23,42,.04)!important; transition:all .15s ease!important; } #d2s-store-page-wrapper .d2s-store__category-trigger:hover, #d2s-store-page-wrapper .d2s-store__category-trigger[aria-expanded="true"]{ color:#08534C!important; border-color:#08534C!important; background:#f4faf9!important; } #d2s-store-page-wrapper .d2s-store__category-trigger svg:first-child{stroke:#08534C!important} #d2s-store-page-wrapper .d2s-store__category-chevron{transition:transform .15s ease!important} #d2s-store-page-wrapper .d2s-store__category-trigger[aria-expanded="true"] .d2s-store__category-chevron{ transform:rotate(180deg)!important; } /* Dropdown */ #d2s-store-page-wrapper .d2s-store__category-menu{ position:absolute!important; left:0!important; top:calc(100% + 9px)!important; width:270px!important; max-height:430px!important; overflow-y:auto!important; padding:7px!important; background:#fff!important; border:1px solid #dfe5e4!important; border-radius:12px!important; box-shadow:0 16px 40px rgba(15,23,42,.14)!important; z-index:99999!important; display:none!important; } #d2s-store-page-wrapper .d2s-store__category-menu.is-open, #d2s-store-page-wrapper .d2s-store__category-menu[aria-hidden="false"]{ display:block!important; } #d2s-store-page-wrapper .d2s-store__category-menu a{ min-height:40px!important; height:auto!important; display:flex!important; align-items:center!important; justify-content:space-between!important; gap:12px!important; padding:9px 11px!important; border-radius:8px!important; color:#273331!important; font-size:13px!important; font-weight:600!important; text-decoration:none!important; white-space:normal!important; } #d2s-store-page-wrapper .d2s-store__category-menu a:hover, #d2s-store-page-wrapper .d2s-store__category-menu a.is-active{ background:#edf8f6!important; color:#08534C!important; } #d2s-store-page-wrapper .d2s-store__category-menu small{ flex:0 0 auto!important; padding:2px 7px!important; border-radius:10px!important; background:#f1f4f4!important; color:#6b7280!important; font-size:10px!important; } /* Tabs */ #d2s-store-page-wrapper .d2s-store__nav-tabs{ display:flex!important; align-items:center!important; flex:0 0 auto!important; height:64px!important; gap:0!important; white-space:nowrap!important; } #d2s-store-page-wrapper .d2s-store__nav-tabs a{ height:64px!important; display:inline-flex!important; align-items:center!important; padding:0 15px!important; margin:0!important; color:#4b5563!important; font-size:13px!important; font-weight:700!important; text-decoration:none!important; position:relative!important; white-space:nowrap!important; } #d2s-store-page-wrapper .d2s-store__nav-tabs a:hover{color:#08534C!important} #d2s-store-page-wrapper .d2s-store__nav-tabs a.is-active{color:#08534C!important} #d2s-store-page-wrapper .d2s-store__nav-tabs a.is-active:after{ content:""!important; position:absolute!important; left:14px!important; right:14px!important; bottom:0!important; height:3px!important; background:#08534C!important; border-radius:3px 3px 0 0!important; } /* Search stays inline on the same row */ #d2s-store-page-wrapper .d2s-store__nav-search{ margin-left:auto!important; flex:1 1 360px!important; max-width:520px!important; min-width:260px!important; height:42px!important; display:flex!important; align-items:center!important; gap:0!important; border:1px solid #cfd9d7!important; border-radius:10px!important; background:#f8faf9!important; overflow:hidden!important; transition:border-color .15s,box-shadow .15s,background .15s!important; } #d2s-store-page-wrapper .d2s-store__nav-search:focus-within{ background:#fff!important; border-color:#08534C!important; box-shadow:0 0 0 3px rgba(8,83,76,.08)!important; } #d2s-store-page-wrapper .d2s-store__nav-search > svg{ flex:0 0 auto!important; margin-left:13px!important; stroke:#667573!important; } #d2s-store-page-wrapper .d2s-store__nav-search input{ flex:1 1 auto!important; width:100%!important; min-width:0!important; height:40px!important; padding:0 11px!important; border:0!important; outline:0!important; background:transparent!important; box-shadow:none!important; color:#17211f!important; font-size:13px!important; } #d2s-store-page-wrapper .d2s-store__nav-search button{ flex:0 0 42px!important; width:42px!important; height:42px!important; display:flex!important; align-items:center!important; justify-content:center!important; margin:0!important; border:0!important; border-left:1px solid #dfe6e4!important; border-radius:0!important; background:#08534C!important; color:#fff!important; cursor:pointer!important; } #d2s-store-page-wrapper .d2s-store__nav-search button svg{stroke:#fff!important} /* Clean product area: no duplicate desktop category sidebar */ #d2s-store-page-wrapper .d2s-store__body{ display:grid!important; grid-template-columns:minmax(0,1fr)!important; gap:0!important; max-width:1320px!important; padding:24px 28px 50px!important; } #d2s-store-page-wrapper .d2s-store__main{ order:1!important; width:100%!important; } #d2s-store-page-wrapper .d2s-store__sidebar{ order:2!important; display:grid!important; grid-template-columns:repeat(2,minmax(0,1fr))!important; gap:14px!important; width:100%!important; margin-top:28px!important; } #d2s-store-page-wrapper .d2s-store__sidebar .d2s-store__widget:first-child{ display:none!important; } #d2s-store-page-wrapper .d2s-store__sidebar .d2s-store__widget:not(:first-child){ display:block!important; margin:0!important; } #d2s-store-page-wrapper .d2s-store__toolbar{ display:flex!important; align-items:center!important; justify-content:flex-end!important; background:#fff!important; border:1px solid #e3e8e7!important; border-radius:11px!important; padding:8px 10px!important; margin-bottom:15px!important; } #d2s-store-page-wrapper .d2s-store__toolbar-spacer{display:none!important} /* Featured categories */ #d2s-store-page-wrapper .d2s-store__featured{ background:#fff!important; border-top:1px solid #edf1f0!important; border-bottom:1px solid #edf1f0!important; padding:26px 0 28px!important; } #d2s-store-page-wrapper .d2s-store__featured .d2s-store__container{ max-width:1320px!important; padding:0 28px!important; } #d2s-store-page-wrapper .d2s-store__section-head{ display:flex!important; align-items:center!important; justify-content:space-between!important; } #d2s-store-page-wrapper .d2s-store__section-head h2{ font-size:20px!important; font-weight:800!important; color:#17211f!important; margin:0 0 15px!important; } #d2s-store-page-wrapper .d2s-store__featured-track{ grid-template-columns:repeat(4,minmax(0,1fr))!important; gap:14px!important; } #d2s-store-page-wrapper .d2s-store__featured-card{ min-height:92px!important; border-radius:11px!important; border:1px solid #e0e7e5!important; box-shadow:0 1px 2px rgba(15,23,42,.03)!important; } #d2s-store-page-wrapper .d2s-store__featured-card:hover{ transform:translateY(-2px)!important; border-color:#a9cec9!important; box-shadow:0 8px 22px rgba(15,23,42,.08)!important; } /* Product cards */ #d2s-store-page-wrapper .d2s-store__grid{ grid-template-columns:repeat(4,minmax(0,1fr))!important; gap:18px!important; } #d2s-store-page-wrapper .d2s-store__product-card{ border:1px solid #e1e7e5!important; border-radius:12px!important; background:#fff!important; overflow:hidden!important; box-shadow:0 1px 3px rgba(15,23,42,.04)!important; } #d2s-store-page-wrapper .d2s-store__product-card:hover{ transform:translateY(-3px)!important; border-color:#c5dad7!important; box-shadow:0 12px 28px rgba(15,23,42,.10)!important; } #d2s-store-page-wrapper .d2s-store__product-body{padding:14px!important} /* Responsive */ @media(max-width:1100px){ #d2s-store-page-wrapper .d2s-store__nav-inner{padding:0 18px!important} #d2s-store-page-wrapper .d2s-store__category-nav{margin-right:12px!important} #d2s-store-page-wrapper .d2s-store__nav-tabs a{padding:0 9px!important} #d2s-store-page-wrapper .d2s-store__nav-search{min-width:210px!important} #d2s-store-page-wrapper .d2s-store__grid{grid-template-columns:repeat(3,minmax(0,1fr))!important} #d2s-store-page-wrapper .d2s-store__featured-track{grid-template-columns:repeat(3,minmax(0,1fr))!important} } @media(max-width:760px){ #d2s-store-page-wrapper .d2s-store__nav{ position:relative!important; top:auto!important; } #d2s-store-page-wrapper .d2s-store__nav-inner{ height:auto!important; min-height:0!important; padding:10px 14px!important; display:grid!important; grid-template-columns:auto 1fr!important; gap:9px!important; } #d2s-store-page-wrapper .d2s-store__category-nav{ margin:0!important; } #d2s-store-page-wrapper .d2s-store__category-trigger{ height:42px!important; padding:0 12px!important; } #d2s-store-page-wrapper .d2s-store__nav-tabs{ grid-column:1/-1!important; height:43px!important; overflow-x:auto!important; justify-content:flex-start!important; border-top:1px solid #edf1f0!important; scrollbar-width:none!important; } #d2s-store-page-wrapper .d2s-store__nav-tabs a{ height:43px!important; padding:0 13px!important; } #d2s-store-page-wrapper .d2s-store__nav-search{ min-width:0!important; max-width:none!important; width:100%!important; height:42px!important; margin:0!important; } #d2s-store-page-wrapper .d2s-store__body{ padding:16px 14px 35px!important; } #d2s-store-page-wrapper .d2s-store__grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important} #d2s-store-page-wrapper .d2s-store__featured .d2s-store__container{padding:0 14px!important} #d2s-store-page-wrapper .d2s-store__featured-track{ display:flex!important; overflow-x:auto!important; gap:10px!important; grid-template-columns:none!important; } #d2s-store-page-wrapper .d2s-store__featured-card{min-width:220px!important} #d2s-store-page-wrapper .d2s-store__sidebar{ grid-template-columns:1fr!important; } } /* ============================================================ V12 — final compact seller header + inline search results polish Based on the supplied storefront markup/reference. ============================================================ */ #d2s-store-page-wrapper .d2s-store__header{ grid-template-columns:112px minmax(0,1fr) auto!important; gap:18px!important; align-items:center!important; min-height:118px!important; padding:12px 0 14px!important; } #d2s-store-page-wrapper .d2s-store__logo-wrap{ margin-top:-38px!important; } #d2s-store-page-wrapper .d2s-store__logo, #d2s-store-page-wrapper .d2s-store__avatar{ width:104px!important;height:104px!important; border-radius:16px!important; } #d2s-store-page-wrapper .d2s-store__info{padding-top:0!important} #d2s-store-page-wrapper .d2s-store__name-row{margin:0 0 5px!important;gap:9px!important} #d2s-store-page-wrapper .d2s-store__name{font-size:24px!important;line-height:1.1!important} /* Rating is represented in the compact stats row below the name. */ #d2s-store-page-wrapper .d2s-store__rating-row{display:none!important} /* Keep only the useful compact seller metadata in the header. */ #d2s-store-page-wrapper .d2s-store__meta-row{display:flex!important;align-items:center!important;gap:0!important;margin:0!important;min-height:20px!important} #d2s-store-page-wrapper .d2s-store__meta-row .d2s-store__meta-item{display:none!important} #d2s-store-page-wrapper .d2s-store__meta-row .d2s-store__meta-item:has(svg){} /* The Since item is the calendar-bearing metadata item; show it compactly. */ #d2s-store-page-wrapper .d2s-store__meta-row .d2s-meta-since{display:inline-flex!important;align-items:center!important;gap:5px!important;margin:0!important;color:#667085!important;font-size:12px!important} #d2s-store-page-wrapper .d2s-store__mini-stats{ display:inline-flex!important;align-items:center!important;flex-wrap:wrap!important; gap:0!important;margin:0 0 0 16px!important;color:#667085!important;font-size:12px!important; vertical-align:middle!important; } #d2s-store-page-wrapper .d2s-store__mini-stats span{display:inline-flex!important;align-items:center!important;gap:4px!important;white-space:nowrap!important} #d2s-store-page-wrapper .d2s-store__mini-stats span+span:before{content:'•'!important;color:#b0b7c3!important;margin:0 9px!important} #d2s-store-page-wrapper .d2s-store__mini-stats strong{color:#101828!important;font-weight:800!important} #d2s-store-page-wrapper .d2s-store__actions{ align-self:center!important;gap:8px!important;padding:0!important;margin-top:-8px!important; } #d2s-store-page-wrapper .d2s-store__action{height:40px!important;min-width:100px!important;padding:0 14px!important;border-radius:9px!important;font-size:12px!important} /* Navigation: search is the flexible element; product controls stay compact on its right. */ .d2s-store-nav-v10__inner{min-height:60px!important;padding:0 28px!important} .d2s-store-nav-v10__category-btn{height:40px!important;border-radius:9px!important} .d2s-store-nav-v10__tabs{height:60px!important;gap:28px!important;margin-left:26px!important} .d2s-store-nav-v10__tabs a{height:60px!important;font-size:13px!important} .d2s-store-nav-v10__search{width:auto!important;flex:1 1 320px!important;min-width:180px!important;max-width:390px!important;height:40px!important} .d2s-store-nav-v10__search button{width:34px!important;height:34px!important;border-radius:50%!important} .d2s-store-nav-v10__controls{margin-left:8px!important;gap:7px!important} .d2s-store-nav-v10__control{height:40px!important;min-width:112px!important;max-width:128px!important;border-radius:9px!important;font-size:12px!important} .d2s-store-nav-v10__sort{min-width:145px!important;max-width:150px!important} /* Product area should not create a second, oversized toolbar. */ #d2s-store-page-wrapper .d2s-store__products-section{padding-top:20px!important} #d2s-store-page-wrapper .d2s-store__products-section .d2s-store__container{max-width:1380px!important;padding-left:28px!important;padding-right:28px!important} #d2s-store-page-wrapper .d2s-store__empty{ width:100%!important;max-width:none!important;min-height:180px!important;height:auto!important; padding:38px 24px!important;margin:0!important;display:flex!important; flex-direction:column!important;align-items:center!important;justify-content:center!important; border:1px solid #e4e7ec!important;border-radius:12px!important;background:#fff!important; box-shadow:none!important;box-sizing:border-box!important; } #d2s-store-page-wrapper .d2s-store__empty-icon{font-size:25px!important;line-height:1!important;margin-bottom:5px!important} #d2s-store-page-wrapper .d2s-store__empty p{margin:4px 0!important} @media(max-width:1100px){ .d2s-store-nav-v10__search{max-width:300px!important} .d2s-store-nav-v10__tabs{gap:20px!important;margin-left:18px!important} .d2s-store-nav-v10__control{min-width:105px!important} .d2s-store-nav-v10__sort{min-width:132px!important} } @media(max-width:900px){ #d2s-store-page-wrapper .d2s-store__header{grid-template-columns:92px minmax(0,1fr)!important;min-height:120px!important} #d2s-store-page-wrapper .d2s-store__logo-wrap{margin-top:-34px!important} #d2s-store-page-wrapper .d2s-store__logo,#d2s-store-page-wrapper .d2s-store__avatar{width:88px!important;height:88px!important} #d2s-store-page-wrapper .d2s-store__actions{grid-column:2!important;margin-top:4px!important;justify-content:flex-start!important} .d2s-store-nav-v10__search{max-width:none!important;flex-basis:220px!important} .d2s-store-nav-v10__controls{display:none!important} } @media(max-width:700px){ #d2s-store-page-wrapper .d2s-store__header{grid-template-columns:72px minmax(0,1fr)!important;gap:12px!important;padding:12px 0 14px!important} #d2s-store-page-wrapper .d2s-store__logo-wrap{margin-top:-28px!important} #d2s-store-page-wrapper .d2s-store__logo,#d2s-store-page-wrapper .d2s-store__avatar{width:72px!important;height:72px!important} #d2s-store-page-wrapper .d2s-store__name{font-size:20px!important} #d2s-store-page-wrapper .d2s-store__mini-stats{margin-left:10px!important;font-size:10px!important} #d2s-store-page-wrapper .d2s-store__mini-stats span+span:before{margin:0 5px!important} #d2s-store-page-wrapper .d2s-store__actions{grid-column:1/-1!important;width:100%!important;display:grid!important;grid-template-columns:repeat(3,1fr)!important;margin-top:4px!important} .d2s-store-nav-v10__inner{min-height:108px!important;display:grid!important;grid-template-columns:auto 1fr!important;grid-template-rows:48px 48px!important;gap:4px 10px!important;padding:5px 14px!important} .d2s-store-nav-v10__tabs{height:48px!important;margin:0!important;gap:15px!important;overflow-x:auto!important} .d2s-store-nav-v10__tabs a{height:48px!important} .d2s-store-nav-v10__search{grid-column:1/-1!important;grid-row:2!important;width:100%!important;max-width:none!important} } /* ============================================================ D2S V14 — storefront spacing correction from visual review 1) Lift store name/info slightly and remove excess top whitespace. 2) Add comfortable breathing room above products. 3) Match product content width/padding to the navigation container. ============================================================ */ #d2s-store-page-wrapper .d2s-store__header{ min-height:130px!important; padding:8px 0 12px!important; align-items:center!important; } #d2s-store-page-wrapper .d2s-store__info{ padding-top:0!important; align-self:center!important; transform:translateY(-6px)!important; } #d2s-store-page-wrapper .d2s-store__name-row{ margin:0 0 6px!important; gap:9px!important; } #d2s-store-page-wrapper .d2s-store__mini-stats{ margin-left:10px!important; } #d2s-store-page-wrapper .d2s-store__actions{ margin-top:-4px!important; } /* Product area: visible breathing room + same horizontal frame as nav. */ #d2s-store-page-wrapper .d2s-store__products-section{ padding-top:30px!important; } #d2s-store-page-wrapper .d2s-store__products-section .d2s-store__container{ width:100%!important; max-width:1320px!important; margin-left:auto!important; margin-right:auto!important; padding-left:28px!important; padding-right:28px!important; box-sizing:border-box!important; } @media(max-width:700px){ #d2s-store-page-wrapper .d2s-store__header{ min-height:120px!important; padding:10px 0 12px!important; } #d2s-store-page-wrapper .d2s-store__info{ transform:none!important; } #d2s-store-page-wrapper .d2s-store__products-section{ padding-top:20px!important; } #d2s-store-page-wrapper .d2s-store__products-section .d2s-store__container{ padding-left:14px!important; padding-right:14px!important; } } /* ============================================================ D2S V15 — product section frame / spacing correction Visual target: keep the navigation border, then give the product area breathing room. Use the full storefront width with only a clean horizontal inner gutter. Product/gallery markup and image logic are intentionally untouched. ============================================================ */ #d2s-store-page-wrapper .d2s-store__products-section{ width:100%!important; max-width:none!important; margin:0!important; padding:28px 0 48px!important; box-sizing:border-box!important; } #d2s-store-page-wrapper .d2s-store__products-section .d2s-store__container{ width:100%!important; max-width:none!important; margin:0!important; padding-left:28px!important; padding-right:28px!important; box-sizing:border-box!important; } #d2s-store-page-wrapper .d2s-store__grid{ width:100%!important; max-width:none!important; } @media(max-width:700px){ #d2s-store-page-wrapper .d2s-store__products-section{ padding:20px 0 36px!important; } #d2s-store-page-wrapper .d2s-store__products-section .d2s-store__container{ padding-left:14px!important; padding-right:14px!important; } } /* ============================================================ D2S V16 — FINAL PRODUCT AREA WIDTH / BREATHING ROOM Keep product/gallery markup untouched. Product section must sit below navigation with visible top breathing room and use the full available storefront width. ============================================================ */ #d2s-store-page-wrapper .d2s-store__products-section{ display:block!important; width:100%!important; max-width:none!important; margin:0!important; padding:28px 0 48px!important; box-sizing:border-box!important; } #d2s-store-page-wrapper .d2s-store__products-section > .d2s-store__container, #d2s-store-page-wrapper .d2s-store__products-section .d2s-store__container{ display:block!important; width:100%!important; max-width:none!important; min-width:0!important; margin:0!important; padding:0 28px!important; box-sizing:border-box!important; } #d2s-store-page-wrapper .d2s-store__products-section .d2s-store__grid{ display:grid!important; width:100%!important; max-width:none!important; min-width:0!important; margin:0!important; padding:0!important; box-sizing:border-box!important; } @media(max-width:700px){ #d2s-store-page-wrapper .d2s-store__products-section{ padding:22px 0 36px!important; } #d2s-store-page-wrapper .d2s-store__products-section > .d2s-store__container, #d2s-store-page-wrapper .d2s-store__products-section .d2s-store__container{ padding-left:14px!important; padding-right:14px!important; } } /* ============================================================ D2S V17 — MATCH PRODUCT AREA TO STORE NAV WIDTH The remaining left/right gap was coming from the parent .d2s-store__body max-width/padding, not the product grid. Keep product/gallery markup completely untouched. ============================================================ */ #d2s-store-page-wrapper .d2s-store__body{ width:100%!important; max-width:none!important; margin-left:0!important; margin-right:0!important; padding-left:28px!important; padding-right:28px!important; box-sizing:border-box!important; } #d2s-store-page-wrapper .d2s-store__main{ width:100%!important; max-width:none!important; min-width:0!important; margin:0!important; } #d2s-store-page-wrapper .d2s-store__products-section{ width:100%!important; max-width:none!important; margin:0!important; padding-left:0!important; padding-right:0!important; box-sizing:border-box!important; } #d2s-store-page-wrapper .d2s-store__products-section .d2s-store__container{ width:100%!important; max-width:none!important; margin:0!important; padding-left:0!important; padding-right:0!important; box-sizing:border-box!important; } #d2s-store-page-wrapper .d2s-store__products-section .d2s-store__grid{ width:100%!important; max-width:none!important; margin:0!important; padding:0!important; } @media(max-width:700px){ #d2s-store-page-wrapper .d2s-store__body{ padding-left:14px!important; padding-right:14px!important; } } /* D2S V1.9.19 — premium store category cards */ #d2s-store-page-wrapper .d2s-store__featured-categories{margin:0 0 30px;padding:24px 0 28px;border-bottom:1px solid #eaecf0!important} #d2s-store-page-wrapper .d2s-store__featured-categories .d2s-store__section-head h2{font-size:20px!important;line-height:1.3!important;font-weight:750!important;color:#101828!important;margin:0 0 18px!important;letter-spacing:-.25px!important} #d2s-store-page-wrapper .d2s-store__featured-category-grid{display:grid!important;grid-template-columns:repeat(6,minmax(0,1fr))!important;gap:14px!important;width:100%!important} #d2s-store-page-wrapper .d2s-store__featured-category-card{position:relative!important;display:flex!important;flex-direction:column!important;align-items:flex-start!important;justify-content:flex-start!important;min-width:0!important;min-height:190px!important;padding:16px!important;box-sizing:border-box!important;overflow:hidden!important;border:1px solid #e4e7ec!important;border-radius:14px!important;background:#f3f3f2!important;color:#101828!important;text-decoration:none!important;box-shadow:none!important;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease!important} #d2s-store-page-wrapper .d2s-store__featured-category-card:hover{transform:translateY(-3px)!important;border-color:#d4d9d8!important;box-shadow:0 12px 28px rgba(16,24,40,.10)!important} #d2s-store-page-wrapper .d2s-store__featured-category-name{display:block!important;position:relative!important;z-index:2!important;max-width:100%!important;margin:0 0 6px!important;font-size:15px!important;line-height:1.25!important;font-weight:750!important;color:#101828!important;white-space:normal!important} #d2s-store-page-wrapper .d2s-store__featured-category-media{display:flex!important;align-items:center!important;justify-content:center!important;width:100%!important;height:128px!important;min-height:128px!important;margin-top:auto!important;overflow:hidden!important;border-radius:10px!important;background:transparent!important} #d2s-store-page-wrapper .d2s-store__featured-category-media img{display:block!important;width:100%!important;height:100%!important;max-width:100%!important;max-height:100%!important;object-fit:contain!important;margin:0!important;border:0!important;border-radius:8px!important} #d2s-store-page-wrapper .d2s-store__featured-category-fallback{display:flex!important;align-items:center!important;justify-content:center!important;width:70px!important;height:70px!important;border-radius:16px!important;background:#e7ebe9!important;color:#075f57!important;font-size:30px!important;font-weight:800!important} #d2s-store-page-wrapper .d2s-store__featured-category-count{display:block!important;margin-top:8px!important;font-size:11px!important;line-height:1.2!important;font-weight:600!important;color:#667085!important} @media(max-width:1200px){#d2s-store-page-wrapper .d2s-store__featured-category-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}} @media(max-width:700px){#d2s-store-page-wrapper .d2s-store__featured-category-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important}#d2s-store-page-wrapper .d2s-store__featured-category-card{min-height:165px!important;padding:13px!important}#d2s-store-page-wrapper .d2s-store__featured-category-media{height:105px!important;min-height:105px!important}#d2s-store-page-wrapper .d2s-store__featured-category-name{font-size:14px!important}} /* D2S V1.9.20 — harden featured category cards against theme image rules/cache */ #d2s-store-page-wrapper .d2s-store__featured-category-card{width:100%!important;height:190px!important;min-width:0!important;box-sizing:border-box!important;overflow:hidden!important} #d2s-store-page-wrapper .d2s-store__featured-category-media{width:100%!important;height:128px!important;min-height:128px!important;max-height:128px!important;overflow:hidden!important;box-sizing:border-box!important} #d2s-store-page-wrapper .d2s-store__featured-category-media img{width:100%!important;height:100%!important;max-width:100%!important;max-height:128px!important;object-fit:contain!important;display:block!important} #d2s-store-page-wrapper .d2s-store__featured-category-grid{width:100%!important;grid-template-columns:repeat(6,minmax(0,1fr))!important} @media(max-width:1200px){#d2s-store-page-wrapper .d2s-store__featured-category-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}} @media(max-width:700px){#d2s-store-page-wrapper .d2s-store__featured-category-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important}#d2s-store-page-wrapper .d2s-store__featured-category-card{height:165px!important;padding:13px!important}#d2s-store-page-wrapper .d2s-store__featured-category-media{height:105px!important;min-height:105px!important;max-height:105px!important}}