.shop-page {background:#f8f9fa;color:var(--text-color);font-family:'Inter',sans-serif;overflow:hidden;}
.shop-hero {background:linear-gradient(180deg,#d5e5ee 0%,#f8f9fa 92%);padding:90px 0 55px;position:relative;}
.shop-hero::before {background:radial-gradient(circle at 12% 18%,rgba(91,154,139,0.18),transparent 32%),radial-gradient(circle at 88% 15%,rgba(52,152,219,0.16),transparent 28%);content:'';inset:0;position:absolute;pointer-events:none;}
.shop-hero-grid {align-items:center;display:grid;gap:42px;grid-template-columns:minmax(0,1.02fr) minmax(320px,0.98fr);position:relative;z-index:1;}
.shop-hero-copy h1 {color:#2c2c2c;font-size:52px;font-weight:800;letter-spacing:0;line-height:1.08;margin:12px 0 18px;max-width:620px;}
.shop-hero-copy p {color:#5d6470;font-size:18px;line-height:1.7;margin:0 0 30px;max-width:580px;}
.shop-eyebrow {color:var(--green);display:inline-flex;font-size:0.78rem;font-weight:800;letter-spacing:1px;text-transform:uppercase;}
.shop-hero-actions {display:flex;flex-wrap:wrap;gap:14px;}
.shop-primary-btn,.shop-secondary-btn {align-items:center;border-radius:50px;display:inline-flex;font-size:1rem;font-weight:800;gap:10px;justify-content:center;min-height:48px;padding:13px 24px;text-decoration:none;transition:var(--transition);}
.shop-primary-btn {background:var(--green);box-shadow:0 12px 24px rgba(91,154,139,0.24);color:#fff;}
.shop-primary-btn:hover {background:var(--green-hover);color:#fff;transform:translateY(-2px);}
.shop-secondary-btn {background:#fff;border:1px solid rgba(91,154,139,0.24);color:#2c2c2c;}
.shop-secondary-btn:hover {border-color:var(--green);color:var(--green);transform:translateY(-2px);}
.shop-hero-panel {min-height:420px;position:relative;}
.shop-featured-card {background:#fff;border:1px solid rgba(255,255,255,0.7);border-radius:24px;box-shadow:0 24px 50px rgba(28,49,60,0.13);display:grid;gap:22px;grid-template-columns:190px minmax(0,1fr);overflow:hidden;padding:24px;position:absolute;right:18px;top:36px;width:min(100%,560px);}
.shop-featured-visual {align-items:center;background:linear-gradient(135deg,#5b9a8b,#9cc9be);border-radius:20px;color:#fff;display:flex;font-size:86px;justify-content:center;min-height:230px;}
.shop-featured-info {display:flex;flex-direction:column;justify-content:center;}
.shop-featured-info span {color:var(--green);font-size:0.78rem;font-weight:800;text-transform:uppercase;}
.shop-featured-info h2 {color:#2c2c2c;font-size:30px;font-weight:800;margin:8px 0 10px;}
.shop-featured-info p {color:#66707a;font-size:15px;line-height:1.6;margin:0 0 24px;}
.shop-featured-bottom {align-items:center;display:flex;gap:16px;justify-content:space-between;}
.shop-featured-bottom strong {color:#2c2c2c;font-size:22px;}
.shop-featured-bottom button {background:#2c2c2c;border:0;border-radius:50px;color:#fff;font-weight:800;padding:11px 18px;transition:var(--transition);}
.shop-featured-bottom button:hover {background:var(--green);transform:translateY(-2px);}
.shop-mini-card {align-items:center;background:#fff;border-radius:18px;box-shadow:0 16px 34px rgba(28,49,60,0.12);color:#3d4650;display:flex;font-weight:800;gap:10px;padding:14px 18px;position:absolute;z-index:2;}
.shop-mini-card i {color:var(--green);font-size:22px;}
.shop-mini-card-one {left:0;top:38px;}
.shop-mini-card-two {bottom:48px;right:0;}
.shop-category-section {background:#f8f9fa;padding:10px 0 34px;}
.shop-category-bar {background:#fff;border:1px solid #edf1f2;border-radius:22px;box-shadow:0 10px 24px rgba(0,0,0,0.05);display:flex;gap:10px;overflow-x:auto;padding:12px;}
.shop-category-bar button {align-items:center;background:#f8f9fa;border:1px solid transparent;border-radius:18px;color:#4d5660;display:flex;flex:0 0 auto;font-weight:800;gap:9px;padding:12px 16px;transition:var(--transition);}
.shop-category-bar button.active,.shop-category-bar button:hover {background:rgba(91,154,139,0.12);border-color:rgba(91,154,139,0.24);color:var(--green);}
.shop-main-section {padding:34px 0 70px;}
.shop-content-layout {align-items:start;display:grid;gap:28px;grid-template-columns:minmax(0,1fr) 330px;}
.shop-section-heading {align-items:end;display:flex;gap:20px;justify-content:space-between;margin-bottom:22px;}
.shop-section-heading h2 {color:#2c2c2c;font-size:34px;font-weight:800;margin:5px 0 0;}
.shop-sort-control {align-items:center;background:#fff;border:1px solid #edf1f2;border-radius:50px;color:#5f6872;display:flex;font-size:0.92rem;font-weight:700;gap:8px;padding:11px 16px;white-space:nowrap;}
.shop-product-grid {display:grid;gap:22px;grid-template-columns:repeat(3,minmax(0,1fr));}
.shop-product-card {background:#fff;border:1px solid #edf1f2;border-radius:18px;box-shadow:0 8px 22px rgba(0,0,0,0.045);overflow:hidden;position:relative;transition:var(--transition);}
.shop-product-card:hover {box-shadow:0 16px 32px rgba(0,0,0,0.08);transform:translateY(-5px);}
.shop-product-badge {background:#2c2c2c;border-radius:50px;color:#fff;font-size:0.72rem;font-weight:800;left:14px;padding:6px 11px;position:absolute;top:14px;z-index:1;}
.shop-product-visual {align-items:center;display:flex;height:178px;justify-content:center;}
.shop-product-visual i {font-size:70px;}
.shop-product-mint {background:linear-gradient(135deg,#e5f3ef,#b8dcd3);color:#5b9a8b;}
.shop-product-sky {background:linear-gradient(135deg,#e4f1fa,#c5def0);color:#3498db;}
.shop-product-cream {background:linear-gradient(135deg,#fff7e8,#f2dfbd);color:#a87328;}
.shop-product-leaf {background:linear-gradient(135deg,#edf7e6,#c8dfb7);color:#689a3e;}
.shop-product-rose {background:linear-gradient(135deg,#ffeef1,#f3c2cb);color:#bd6172;}
.shop-product-sand {background:linear-gradient(135deg,#f4f1eb,#d9cec0);color:#7f6b58;}
.shop-product-body {padding:18px;}
.shop-product-meta {color:var(--green);font-size:0.72rem;font-weight:800;letter-spacing:0.6px;text-transform:uppercase;}
.shop-product-body h3 {color:#2c2c2c;font-size:19px;font-weight:800;margin:7px 0 8px;}
.shop-product-body p {color:#65707a;font-size:14px;line-height:1.55;margin:0 0 18px;min-height:66px;}
.shop-product-footer {align-items:center;display:flex;justify-content:space-between;}
.shop-product-footer strong {color:#2c2c2c;font-size:20px;}
.shop-product-footer button {align-items:center;background:var(--green);border:0;border-radius:50%;color:#fff;display:flex;height:40px;justify-content:center;transition:var(--transition);width:40px;}
.shop-product-footer button:hover {background:var(--green-hover);transform:rotate(90deg);}
.shop-cart-summary {background:#fff;border:1px solid #edf1f2;border-radius:20px;box-shadow:0 12px 28px rgba(0,0,0,0.06);padding:22px;position:sticky;top:105px;}
.shop-cart-header {align-items:center;display:flex;justify-content:space-between;margin-bottom:20px;}
.shop-cart-header h2 {color:#2c2c2c;font-size:25px;font-weight:800;margin:4px 0 0;}
.shop-cart-count {align-items:center;background:rgba(91,154,139,0.12);border-radius:50%;color:var(--green);display:flex;font-weight:900;height:38px;justify-content:center;width:38px;}
.shop-cart-list {display:flex;flex-direction:column;gap:12px;margin-bottom:18px;}
.shop-cart-item {align-items:center;background:#f8f9fa;border-radius:14px;display:flex;gap:12px;justify-content:space-between;padding:13px;}
.shop-cart-item strong {color:#2c2c2c;display:block;font-size:14px;}
.shop-cart-item span {color:#7a838c;font-size:13px;}
.shop-cart-item b {color:#2c2c2c;font-size:15px;}
.shop-cart-total {border-top:1px solid #edf1f2;display:flex;justify-content:space-between;padding:18px 0;}
.shop-cart-total span {color:#5f6872;font-weight:700;}
.shop-cart-total strong {color:#2c2c2c;font-size:24px;}
.shop-checkout-btn {background:var(--green);border:0;border-radius:50px;color:#fff;font-weight:900;padding:14px 20px;transition:var(--transition);width:100%;}
.shop-checkout-btn:hover {background:var(--green-hover);transform:translateY(-2px);}
.shop-cart-note {color:#7a838c;font-size:12px;line-height:1.55;margin:14px 0 0;text-align:center;}
.shop-custom-section {background:#fff;padding:72px 0;}
.shop-custom-wrap {align-items:center;background:linear-gradient(135deg,#2c2c2c,#3f5d58);border-radius:28px;color:#fff;display:grid;gap:28px;grid-template-columns:minmax(0,1fr) minmax(300px,0.85fr);overflow:hidden;padding:48px;position:relative;}
.shop-custom-wrap::after {background:radial-gradient(circle,rgba(255,255,255,0.12),transparent 55%);content:'';height:360px;position:absolute;right:-120px;top:-120px;width:360px;}
.shop-custom-copy {position:relative;z-index:1;}
.shop-custom-copy .shop-eyebrow {color:#a9d6cc;}
.shop-custom-copy h2 {font-size:34px;font-weight:800;letter-spacing:0;line-height:1.2;margin:10px 0 14px;max-width:620px;}
.shop-custom-copy p {color:rgba(255,255,255,0.76);font-size:16px;line-height:1.7;margin:0;max-width:610px;}
.shop-custom-steps {display:grid;gap:14px;position:relative;z-index:1;}
.shop-custom-steps div {align-items:center;background:rgba(255,255,255,0.12);border:1px solid rgba(255,255,255,0.16);border-radius:18px;display:flex;font-weight:900;gap:13px;padding:18px;}
.shop-custom-steps i {align-items:center;background:#fff;border-radius:50%;color:var(--green);display:flex;height:42px;justify-content:center;width:42px;}
.shop-info-section {background:#f8f9fa;padding:64px 0 86px;}
.shop-info-grid {display:grid;gap:20px;grid-template-columns:repeat(3,minmax(0,1fr));}
.shop-info-item {background:#fff;border:1px solid #edf1f2;border-radius:18px;box-shadow:0 8px 22px rgba(0,0,0,0.045);padding:26px;text-align:center;}
.shop-info-item i {color:var(--green);font-size:34px;}
.shop-info-item h3 {color:#2c2c2c;font-size:19px;font-weight:800;margin:14px 0 8px;}
.shop-info-item p {color:#65707a;font-size:14px;line-height:1.6;margin:0;}
@media (max-width:1200px) {.shop-product-grid {grid-template-columns:repeat(2,minmax(0,1fr));}.shop-content-layout {grid-template-columns:minmax(0,1fr) 310px;}}
@media (max-width:992px) {.shop-hero-grid,.shop-content-layout,.shop-custom-wrap {grid-template-columns:1fr;}.shop-hero-copy h1 {font-size:42px;}.shop-hero-panel {min-height:auto;}.shop-featured-card,.shop-mini-card {position:relative;right:auto;top:auto;bottom:auto;left:auto;}.shop-hero-panel {display:grid;gap:14px;}.shop-cart-summary {position:relative;top:auto;}.shop-custom-wrap {padding:36px;}}
@media (max-width:768px) {.shop-hero {padding:70px 0 40px;}.shop-hero-copy h1 {font-size:34px;}.shop-hero-copy p {font-size:16px;}.shop-featured-card {grid-template-columns:1fr;padding:18px;}.shop-featured-visual {min-height:180px;}.shop-section-heading {align-items:flex-start;flex-direction:column;}.shop-product-grid,.shop-info-grid {grid-template-columns:1fr;}.shop-custom-copy h2,.shop-section-heading h2 {font-size:28px;}.shop-custom-wrap {border-radius:22px;padding:28px;}}
@media (max-width:480px) {.shop-hero-actions {display:grid;}.shop-primary-btn,.shop-secondary-btn {width:100%;}.shop-category-bar {border-radius:18px;}.shop-category-bar button {padding:10px 13px;}.shop-featured-bottom {align-items:flex-start;flex-direction:column;}.shop-featured-bottom button {width:100%;}.shop-product-body p {min-height:auto;}}