.dtc-col-grid{--font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--color-bg: #F7F7F7;--color-card-bg: #FFFFFF;--color-text: #0F0A0A;--color-text-secondary: #4B4B4B;--color-text-muted: #6B6B6B;--color-accent: #F3654A;--color-accent-hover: #e0502f;--color-amber: #D97706;--color-teal: #0D9488;--color-green: #16A34A;--color-border: #E5E5E5;--color-dark: #0d0d0d;--card-radius: 16px;--transition: .3s ease}.dtc-col-grid{background:var(--color-bg);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;-webkit-font-smoothing:antialiased}.dtc-col-grid__container{max-width:1400px;margin:0 auto;padding:0 40px}.dtc-col-grid__header{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:40px;flex-wrap:wrap}.dtc-col-grid__header-left{display:flex;flex-direction:column;gap:6px}.dtc-col-grid__eyebrow{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:12px;font-weight:400;letter-spacing:.1em;text-transform:uppercase;color:#6b6b6b}.dtc-col-grid__headline{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:clamp(30px,4vw,36px);font-weight:600;color:var(--color-text);line-height:1.2;margin:0}.dtc-col-grid__count{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:13px;color:var(--color-text-muted)}.dtc-col-grid__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-bottom:48px}.dtc-col-grid__card{background:var(--color-card-bg);border:1px solid var(--color-border);border-radius:var(--card-radius);overflow:hidden;display:flex;flex-direction:column;transition:border-color var(--transition),box-shadow var(--transition),transform var(--transition);text-decoration:none;color:inherit}.dtc-col-grid__card:hover{border-color:#f3654a40;box-shadow:0 8px 32px #00000017;transform:translateY(-3px)}.dtc-col-grid__card-image-wrap{position:relative;aspect-ratio:4/3;background:var(--color-bg);overflow:hidden}.dtc-col-grid__card-image-wrap img{width:100%;height:100%;object-fit:cover;transition:transform .5s ease}.dtc-col-grid__card:hover .dtc-col-grid__card-image-wrap img{transform:scale(1.04)}.dtc-col-grid__card-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:var(--color-bg);color:var(--color-text-muted);font-size:13px;font-weight:500}.dtc-col-grid__card-badges{position:absolute;top:12px;left:12px;display:flex;flex-direction:column;gap:6px;z-index:2}.dtc-col-grid__badge{display:inline-flex;align-items:center;gap:4px;padding:4px 10px;border-radius:20px;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:11px;font-weight:700;letter-spacing:.03em;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.dtc-col-grid__badge--thc-free{background:#0d9488e6;color:#fff}.dtc-col-grid__badge--full-spectrum{background:#d97706e6;color:#fff}.dtc-col-grid__badge--potency{background:#f3654ae6;color:#fff}.dtc-col-grid__badge--bestseller{background:#0f0a0ad9;color:#fff}.dtc-col-grid__quick-add{position:absolute;bottom:12px;left:12px;right:12px;opacity:0;transform:translateY(8px);transition:opacity var(--transition),transform var(--transition);z-index:2}.dtc-col-grid__card:hover .dtc-col-grid__quick-add{opacity:1;transform:translateY(0)}.dtc-col-grid__quick-add-btn{width:100%;padding:11px 20px;background:var(--color-dark);color:#fff;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:13px;font-weight:700;border:none;border-radius:8px;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:6px;transition:background var(--transition);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.dtc-col-grid__quick-add-btn:hover{background:var(--color-accent)}.dtc-col-grid__quick-add-btn svg{width:14px;height:14px;stroke:currentColor;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.dtc-col-grid__card-body{padding:20px 20px 16px;flex:1;display:flex;flex-direction:column;gap:10px}.dtc-col-grid__card-stars{display:flex;align-items:center;gap:4px}.dtc-col-grid__card-stars svg{width:13px;height:13px;fill:var(--color-accent)}.dtc-col-grid__card-stars span{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:12px;color:var(--color-text-muted);margin-left:2px}.dtc-col-grid__card-title{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:17px;font-weight:700;color:var(--color-text);line-height:1.25;margin:0}.dtc-col-grid__card-tagline{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:13px;color:var(--color-text-secondary);line-height:1.55;margin:0}.dtc-col-grid__card-benefits{list-style:none;display:flex;flex-direction:column;gap:6px;margin:0;padding:0}.dtc-col-grid__card-benefits li{display:flex;align-items:flex-start;gap:7px;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:12px;color:var(--color-text-secondary);line-height:1.5}.dtc-col-grid__card-benefits li:before{content:"";display:block;width:14px;height:14px;border-radius:50%;background:#f3654a1a url("data:image/svg+xml,%3Csvg width='8' height='7' viewBox='0 0 8 7' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 3.5l2 2 4-4' stroke='%23F3654A' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") no-repeat center / 8px 7px;border:1px solid rgba(243,101,74,.2);flex-shrink:0;margin-top:1px}.dtc-col-grid__card-footer{padding:14px 20px 20px;border-top:1px solid var(--color-border);display:flex;align-items:center;justify-content:space-between;gap:12px}.dtc-col-grid__price-wrap{display:flex;align-items:baseline;gap:8px;flex-wrap:wrap}.dtc-col-grid__price{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:20px;font-weight:800;color:var(--color-text)}.dtc-col-grid__price-compare{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:14px;color:var(--color-text-muted);text-decoration:line-through}.dtc-col-grid__price-save{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:11px;font-weight:700;padding:2px 7px;background:#16a34a1a;color:var(--color-green);border:1px solid rgba(22,163,74,.22);border-radius:4px}.dtc-col-grid__atc-btn{display:inline-flex;align-items:center;gap:6px;padding:11px 20px;background:var(--color-accent);color:#fff;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:13px;font-weight:700;border:none;border-radius:8px;cursor:pointer;text-decoration:none;white-space:nowrap;transition:background var(--transition),transform .15s ease,box-shadow var(--transition);box-shadow:0 3px 12px #f3654a47}.dtc-col-grid__atc-btn:hover{background:var(--color-accent-hover);transform:translateY(-1px);box-shadow:0 6px 18px #f3654a61}.dtc-col-grid__atc-btn svg{width:13px;height:13px;stroke:currentColor;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.dtc-col-grid__empty{text-align:center;padding:80px 40px;background:var(--color-card-bg);border:1px solid var(--color-border);border-radius:var(--card-radius)}.dtc-col-grid__empty-title{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:20px;font-weight:700;color:var(--color-text);margin-bottom:10px}.dtc-col-grid__empty-desc{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:15px;color:var(--color-text-muted);margin-bottom:24px}.dtc-col-grid__empty-btn{display:inline-flex;align-items:center;gap:6px;padding:12px 24px;background:var(--color-accent);color:#fff;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:14px;font-weight:700;border-radius:8px;text-decoration:none}@media screen and (max-width:1099px){.dtc-col-grid__grid{grid-template-columns:repeat(2,1fr)}}@media screen and (max-width:749px){.dtc-col-grid__container{padding:0 16px}.dtc-col-grid__grid{grid-template-columns:1fr;gap:16px}.dtc-col-grid__quick-add{opacity:1;transform:translateY(0)}.dtc-col-grid__header{flex-direction:column;align-items:flex-start;gap:12px}}
/*# sourceMappingURL=/cdn/shop/t/64/assets/dtc-col-product-grid.css.map */