/** Shopify CDN: Minification failed Line 35:0 All "@import" rules must come first **/ /* ===================================================== LADY AURA — shared design tokens + component styles File: assets/aura-base.css Used by every aura-*.liquid section. Safe to include multiple times per page (browser caches the file after first load) but for best performance, move the stylesheet_tag into theme.liquid instead and delete the {{ 'aura-base.css' | asset_url... }} line from each section once confirmed working. ===================================================== */ :root{ --aura-purple: #5D3986; --aura-lilac: #C194DA; --aura-white: #FFFFFF; --aura-pink: #F6E9F5; --aura-gray: #F7F7F7; --aura-ink: #1E1E1E; --aura-purple-08: rgba(93,57,134,.08); --aura-purple-14: rgba(93,57,134,.14); --aura-lilac-30: rgba(193,148,218,.35); --aura-shadow-soft: 0 12px 32px rgba(93,57,134,.10); --aura-shadow-card: 0 8px 24px rgba(93,57,134,.08); --aura-radius: 18px; } /* If your theme doesn't already load these via theme.liquid, add this import to theme.liquid instead of relying on @import here (it blocks rendering). Left here only as fallback. */ @import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,400;0,500;0,600;1,500&family=Jost:wght@300;400;500;600&display=swap'); .aura-wrap{ max-width:1240px; margin:0 auto; padding:0 20px; } @media(min-width:1024px){ .aura-wrap{ padding:0 48px; } } .aura-eyebrow{ font-family:'Jost', sans-serif; font-size:11px; letter-spacing:3px; text-transform:uppercase; color:var(--aura-lilac); font-weight:600; display:flex; align-items:center; gap:10px; margin-bottom:8px; } .aura-eyebrow::before{ content:''; width:18px; height:1px; background:var(--aura-lilac); } .aura-eyebrow--light{ color:var(--aura-lilac); } .aura-h1, .aura-h2, .aura-h3{ font-family:'Cormorant Garamond', serif; font-weight:500; color:var(--aura-purple); margin:0; } .aura-h1{ font-size:42px; line-height:1.08; } .aura-h2{ font-size:34px; line-height:1.15; } @media(min-width:1024px){ .aura-h1{ font-size:60px; } .aura-h2{ font-size:44px; } } .aura-section-head{ text-align:center; max-width:560px; margin:0 auto 36px; } .aura-section-sub{ color:#555; font-size:15px; font-weight:300; margin-top:8px; } @media(min-width:1024px){ .aura-section-head{ margin-bottom:56px; } } .aura-btn{ display:inline-flex; align-items:center; justify-content:center; gap:10px; padding:16px 34px; font-family:'Jost'; font-size:13px; letter-spacing:2px; text-transform:uppercase; font-weight:600; border-radius:999px; transition:transform .25s ease, box-shadow .25s ease, background .25s ease; text-decoration:none; } .aura-btn--primary{ background:var(--aura-purple); color:var(--aura-white); box-shadow:var(--aura-shadow-soft); } .aura-btn--primary:hover{ transform:translateY(-2px); box-shadow:0 16px 36px rgba(93,57,134,.22); } .aura-btn--outline{ background:transparent; border:1.5px solid var(--aura-purple); color:var(--aura-purple); } .aura-btn--outline:hover{ background:var(--aura-purple); color:var(--aura-white); } .aura-center-cta{ text-align:center; margin-top:32px; } .aura-glow{ position:absolute; border-radius:50%; width:340px; height:340px; top:50%; left:50%; transform:translate(-50%,-50%); background:radial-gradient(circle, var(--aura-lilac-30) 0%, rgba(193,148,218,0) 70%); filter:blur(2px); z-index:0; } .aura-glow--sm{ width:74px; height:74px; top:0; left:0; transform:none; } .aura-placeholder-svg{ width:100%; height:100%; color:var(--aura-purple-14); } /* ---------- Hero ---------- */ .aura-hero{ position:relative; overflow:hidden; background:linear-gradient(180deg, var(--aura-pink) 0%, var(--aura-white) 78%); padding:48px 0 40px; } .aura-hero__inner{ display:flex; flex-direction:column; gap:36px; position:relative; z-index:1; } .aura-hero__copy{ text-align:center; display:flex; flex-direction:column; align-items:center; gap:18px; } .aura-hero__sub{ max-width:380px; color:#4a4a4a; font-size:15px; font-family:'Jost'; } .aura-hero__badges{ display:flex; gap:16px; flex-wrap:wrap; justify-content:center; margin-top:6px; } .aura-badge-pill{ font-size:11px; letter-spacing:1px; text-transform:uppercase; color:var(--aura-purple); display:flex; align-items:center; gap:6px; font-family:'Jost'; } .aura-badge-pill svg{ width:14px; height:14px; } .aura-hero__visual{ position:relative; display:flex; justify-content:center; align-items:center; min-height:320px; } .aura-hero__img{ width:230px; position:relative; z-index:1; border-radius:var(--aura-radius); } @media(min-width:1024px){ .aura-hero{ padding:90px 0 70px; } .aura-hero__inner{ flex-direction:row; align-items:center; gap:60px; } .aura-hero__copy{ text-align:left; align-items:flex-start; } .aura-hero__badges{ justify-content:flex-start; } .aura-hero__visual{ min-height:480px; flex:1; } .aura-hero__img{ width:320px; } } /* ---------- Categories ---------- */ .aura-cat-grid{ display:flex; gap:16px; overflow-x:auto; padding-bottom:4px; } .aura-cat-card{ position:relative; flex:0 0 78%; max-width:300px; border-radius:var(--aura-radius); overflow:hidden; background:var(--aura-gray); aspect-ratio:3/4; display:flex; align-items:flex-end; padding:24px; box-shadow:var(--aura-shadow-card); text-decoration:none; } .aura-cat-card__bg{ position:absolute; inset:0; z-index:0; background-color:var(--aura-purple); background-size:cover; background-position:center; } .aura-cat-card__bg::after{ content:''; position:absolute; inset:0; background:linear-gradient(160deg, rgba(93,57,134,.55), rgba(193,148,218,.35)); } .aura-cat-card__label{ position:relative; z-index:1; color:var(--aura-white); } .aura-cat-card__label h3{ color:var(--aura-white); font-size:26px; font-family:'Cormorant Garamond'; margin:0; } @media(min-width:1024px){ .aura-cat-grid{ display:grid; grid-template-columns:repeat(3,1fr); overflow:visible; } .aura-cat-card{ max-width:none; aspect-ratio:4/5; padding:34px; } .aura-cat-card__label h3{ font-size:32px; } } /* ---------- Product grid (best sellers / bundles) ---------- */ .aura-bestsellers{ background:var(--aura-gray); padding:56px 0; } .aura-product-grid{ display:grid; grid-template-columns:repeat(2,1fr); gap:16px; } .aura-product-card{ background:var(--aura-white); border-radius:var(--aura-radius); padding:18px; box-shadow:var(--aura-shadow-card); display:flex; flex-direction:column; gap:10px; position:relative; transition:transform .25s ease, box-shadow .25s ease; } .aura-product-card:hover{ transform:translateY(-4px); box-shadow:var(--aura-shadow-soft); } .aura-product-card__thumb{ position:relative; aspect-ratio:1/1; border-radius:12px; overflow:hidden; display:block; background:linear-gradient(160deg, var(--aura-pink), #fff); } .aura-product-card__thumb img{ width:100%; height:100%; object-fit:cover; } .aura-badge{ position:absolute; top:10px; left:10px; z-index:2; background:var(--aura-purple); color:var(--aura-white); font-size:9px; letter-spacing:1px; text-transform:uppercase; padding:5px 9px; border-radius:999px; font-weight:600; font-family:'Jost'; } .aura-product-card__name{ font-size:15px; color:var(--aura-ink); font-weight:500; font-family:'Jost'; text-decoration:none; } .aura-product-card__tag{ font-size:11px; color:#888; margin:0; font-family:'Jost'; } .aura-stars{ color:var(--aura-purple); font-size:12px; letter-spacing:1px; } .aura-price-row{ display:flex; align-items:baseline; gap:8px; font-family:'Jost'; } .aura-price-now{ font-size:17px; font-weight:600; color:var(--aura-purple); } .aura-price-old{ font-size:12px; color:#aaa; text-decoration:line-through; } .aura-add-cart{ margin-top:4px; width:100%; padding:11px; border-radius:999px; border:1.3px solid var(--aura-purple); background:transparent; color:var(--aura-purple); font-size:11px; letter-spacing:1.5px; text-transform:uppercase; font-weight:600; font-family:'Jost'; cursor:pointer; transition:background .2s, color .2s; } .aura-add-cart:hover{ background:var(--aura-purple); color:var(--aura-white); } .aura-add-cart[disabled]{ opacity:.5; cursor:not-allowed; } .aura-empty-note{ grid-column:1/-1; text-align:center; color:#999; font-family:'Jost'; font-size:14px; } @media(min-width:768px){ .aura-product-grid{ grid-template-columns:repeat(3,1fr); } } @media(min-width:1024px){ .aura-product-grid{ grid-template-columns:repeat(4,1fr); gap:22px; } } /* ---------- Brand story ---------- */ .aura-story{ background:var(--aura-white); padding:56px 0; } .aura-story__inner{ display:flex; flex-direction:column-reverse; gap:32px; align-items:center; } .aura-story__visual{ position:relative; width:100%; max-width:340px; aspect-ratio:4/5; border-radius:var(--aura-radius); background:linear-gradient(160deg, var(--aura-pink), var(--aura-white)); display:flex; align-items:center; justify-content:center; overflow:hidden; } .aura-story__visual img{ width:100%; height:100%; object-fit:cover; position:relative; z-index:1; } .aura-story__copy{ max-width:480px; text-align:center; display:flex; flex-direction:column; gap:16px; align-items:center; font-family:'Jost'; } .aura-story__text p{ color:#4a4a4a; font-size:15px; margin:0; } .aura-story__stats{ display:flex; gap:28px; margin-top:8px; } .aura-story__stat-num{ font-family:'Cormorant Garamond'; font-size:30px; color:var(--aura-purple); font-weight:600; } .aura-story__stat-label{ font-size:10px; letter-spacing:1px; text-transform:uppercase; color:#888; } @media(min-width:1024px){ .aura-story__inner{ flex-direction:row; gap:70px; align-items:center; } .aura-story__copy{ text-align:left; align-items:flex-start; } } /* ---------- Ingredients ---------- */ .aura-ingredients{ background:var(--aura-white); padding:56px 0; } .aura-ing-grid{ display:grid; grid-template-columns:repeat(2,1fr); gap:24px; } .aura-ing-item{ text-align:center; display:flex; flex-direction:column; align-items:center; gap:10px; font-family:'Jost'; } .aura-ing-icon{ position:relative; width:74px; height:74px; display:flex; align-items:center; justify-content:center; } .aura-ing-icon img, .aura-ing-icon svg{ width:30px; height:30px; color:var(--aura-purple); position:relative; z-index:1; } .aura-ing-item h4{ font-size:15px; font-weight:500; margin:0; } .aura-ing-item p{ font-size:12px; color:#888; margin:0; } @media(min-width:768px){ .aura-ing-grid{ grid-template-columns:repeat(4,1fr); } } /* ---------- Newsletter + WhatsApp ---------- */ .aura-cta-final{ background:var(--aura-pink); padding:56px 0; } .aura-cta-grid{ display:grid; grid-template-columns:1fr; gap:18px; } .aura-cta-box{ border-radius:var(--aura-radius); padding:32px 26px; display:flex; flex-direction:column; gap:14px; align-items:flex-start; font-family:'Jost'; } .aura-cta-box--news{ background:var(--aura-white); box-shadow:var(--aura-shadow-card); } .aura-cta-box--wa{ background:linear-gradient(160deg, var(--aura-purple), #432a63); color:#fff; } .aura-cta-box h3{ font-family:'Cormorant Garamond'; font-size:24px; margin:0; color:var(--aura-purple); } .aura-cta-box--wa h3{ color:#fff; } .aura-cta-box p{ font-size:13px; color:#666; margin:0; } .aura-cta-box--wa p{ color:#e3d3ee; } .aura-email-row{ display:flex; width:100%; gap:8px; margin-top:6px; flex-wrap:wrap; } .aura-email-row input{ flex:1; padding:13px 16px; border-radius:999px; border:1.3px solid var(--aura-purple-14); font-family:'Jost'; font-size:13px; outline:none; color:var(--aura-ink); min-width:0; } .aura-email-row input:focus{ border-color:var(--aura-purple); } .aura-email-row button{ padding:13px 20px; border-radius:999px; background:var(--aura-purple); color:#fff; font-size:11px; letter-spacing:1px; text-transform:uppercase; font-weight:600; border:none; cursor:pointer; flex-shrink:0; } .aura-form-success{ color:var(--aura-purple); font-size:12px; width:100%; } .aura-form-error{ color:#a33; font-size:12px; width:100%; } .aura-wa-btn{ margin-top:6px; display:inline-flex; align-items:center; gap:10px; background:#fff; color:var(--aura-purple); padding:13px 22px; border-radius:999px; font-size:12px; letter-spacing:1px; text-transform:uppercase; font-weight:600; text-decoration:none; } @media(min-width:1024px){ .aura-cta-grid{ grid-template-columns:1fr 1fr; } .aura-cta-box{ padding:44px; } } /* ---------- Floating WhatsApp button ---------- */ .aura-wa-float{ position:fixed; bottom:20px; right:20px; z-index:999; width:56px; height:56px; border-radius:50%; background:#25D366; color:#fff; display:flex; align-items:center; justify-content:center; box-shadow:0 8px 20px rgba(0,0,0,.25); transition:transform .2s ease; } .aura-wa-float:hover{ transform:scale(1.08); } /* ---------- Footer ---------- */ .aura-footer{ background:var(--aura-ink); color:#cfc3d8; padding:48px 0 24px; font-family:'Jost'; } .aura-footer__grid{ display:grid; grid-template-columns:1fr; gap:32px; } .aura-footer__logo{ font-family:'Cormorant Garamond'; font-style:italic; font-size:24px; color:#fff; margin-bottom:10px; } .aura-footer__desc{ font-size:13px; color:#b9aac4; max-width:260px; margin:0 0 14px; } .aura-footer__payments{ display:flex; gap:8px; margin:0 0 16px; padding:0; list-style:none; flex-wrap:wrap; } .aura-footer__payment-icon{ height:24px; width:auto; border-radius:4px; } .aura-footer__social{ display:flex; gap:14px; } .aura-footer__social a{ color:#cfc3d8; display:flex; transition:color .2s; } .aura-footer__social a:hover{ color:var(--aura-lilac); } .aura-footer__social svg{ width:18px; height:18px; } .aura-footer__col h5{ color:#fff; font-size:12px; letter-spacing:1.5px; text-transform:uppercase; margin:0 0 14px; font-weight:500; } .aura-footer__col a{ display:block; font-size:13px; margin-bottom:9px; color:#b9aac4; text-decoration:none; } .aura-footer__col a:hover{ color:#fff; } .aura-footer__bottom{ border-top:1px solid #3a2c44; margin-top:36px; padding-top:20px; display:flex; flex-direction:column; gap:10px; align-items:center; text-align:center; font-size:11px; color:#8a7896; } @media(min-width:768px){ .aura-footer__grid{ grid-template-columns:1.4fr 1fr 1fr 1fr; } .aura-footer__bottom{ flex-direction:row; justify-content:space-between; text-align:left; } } /* ---------- FAQ ---------- */ .aura-faq{ background:var(--aura-white); padding:56px 0; } .aura-faq__list{ max-width:720px; margin:0 auto; display:flex; flex-direction:column; gap:12px; } .aura-faq__item{ border:1px solid var(--aura-purple-08); border-radius:14px; padding:0 20px; background:var(--aura-gray); } .aura-faq__question{ display:flex; align-items:center; justify-content:space-between; gap:12px; padding:18px 0; font-family:'Jost'; font-weight:500; font-size:15px; color:var(--aura-ink); cursor:pointer; list-style:none; } .aura-faq__question::-webkit-details-marker{ display:none; } .aura-faq__icon{ flex-shrink:0; width:18px; height:18px; color:var(--aura-purple); transition:transform .2s ease; } .aura-faq__item[open] .aura-faq__icon{ transform:rotate(180deg); } .aura-faq__answer{ padding:0 0 18px; font-family:'Jost'; font-size:14px; color:#555; line-height:1.6; } .aura-faq__answer p{ margin:0; } .aura-faq__footer{ text-align:center; margin-top:36px; display:flex; flex-direction:column; align-items:center; gap:14px; font-family:'Jost'; color:#555; } /* ---------- Contact ---------- */ .aura-contact{ background:var(--aura-pink); padding:56px 0; } .aura-contact__grid{ display:grid; grid-template-columns:1fr; gap:32px; } .aura-contact__copy{ font-family:'Jost'; } .aura-contact__info{ display:flex; flex-direction:column; gap:10px; margin-bottom:6px; } .aura-contact__info-row{ display:flex; gap:8px; font-size:14px; } .aura-contact__info-label{ color:var(--aura-purple); font-weight:600; min-width:60px; } .aura-contact__info-row a{ color:var(--aura-ink); text-decoration:none; } .aura-contact__info-row a:hover{ color:var(--aura-purple); } .aura-contact__form-box{ background:var(--aura-white); border-radius:var(--aura-radius); padding:28px; box-shadow:var(--aura-shadow-card); } .aura-contact-form{ display:flex; flex-direction:column; gap:6px; font-family:'Jost'; } .aura-contact-form label{ font-size:12px; color:#666; margin-top:10px; } .aura-contact-form input, .aura-contact-form textarea{ padding:12px 14px; border-radius:10px; border:1.3px solid var(--aura-purple-14); font-family:'Jost'; font-size:14px; outline:none; color:var(--aura-ink); resize:vertical; } .aura-contact-form input:focus, .aura-contact-form textarea:focus{ border-color:var(--aura-purple); } @media(min-width:1024px){ .aura-contact__grid{ grid-template-columns:1fr 1.1fr; align-items:start; } } /* ---------- Page Hero (About / Contact / FAQ — each different) ---------- */ .aura-page-hero{ padding:56px 0 48px; position:relative; overflow:hidden; } .aura-page-hero--about{ background:linear-gradient(135deg, var(--aura-pink) 0%, var(--aura-white) 100%); } .aura-page-hero--contact{ background:linear-gradient(135deg, var(--aura-purple) 0%, #7a4db3 100%); text-align:center; } .aura-page-hero--contact .aura-h1{ color:#fff; } .aura-page-hero--contact .aura-eyebrow{ color:var(--aura-lilac); justify-content:center; } .aura-page-hero--contact .aura-page-hero__sub{ color:#e3d3ee; } .aura-page-hero--faq{ background:linear-gradient(135deg, #2d1a4a 0%, var(--aura-purple) 100%); text-align:center; } .aura-page-hero--faq .aura-h1{ color:#fff; } .aura-page-hero--faq .aura-eyebrow{ color:var(--aura-lilac); justify-content:center; } .aura-page-hero--faq .aura-page-hero__sub{ color:#e3d3ee; } .aura-page-hero--center{ text-align:center; max-width:640px; margin:0 auto; } .aura-page-hero__inner{ display:flex; flex-direction:column; gap:32px; align-items:center; position:relative; z-index:1; } .aura-page-hero__copy{ display:flex; flex-direction:column; gap:16px; text-align:center; align-items:center; } .aura-page-hero__sub{ font-family:'Jost'; font-size:15px; color:#555; max-width:420px; } .aura-page-hero__img{ width:260px; border-radius:var(--aura-radius); position:relative; z-index:1; box-shadow:var(--aura-shadow-soft); } @media(min-width:1024px){ .aura-page-hero{ padding:80px 0 70px; } .aura-page-hero--about .aura-page-hero__inner{ flex-direction:row; align-items:center; gap:60px; } .aura-page-hero--about .aura-page-hero__copy{ text-align:left; align-items:flex-start; } .aura-page-hero__img{ width:360px; } } /* ---------- About Story ---------- */ .aura-about-story{ background:var(--aura-white); padding:56px 0; } .aura-about-story__grid{ display:grid; grid-template-columns:1fr; gap:32px; align-items:center; } .aura-about-story__img{ border-radius:var(--aura-radius); overflow:hidden; aspect-ratio:4/5; background:var(--aura-pink); } .aura-about-story__img img{ width:100%; height:100%; object-fit:cover; } .aura-about-story__copy{ display:flex; flex-direction:column; gap:16px; font-family:'Jost'; } .aura-about-story__text p{ color:#4a4a4a; font-size:15px; margin:0 0 12px; line-height:1.7; } @media(min-width:1024px){ .aura-about-story__grid{ grid-template-columns:1fr 1fr; gap:60px; } } /* ---------- About Stats ---------- */ .aura-about-stats{ background:var(--aura-purple); padding:40px 0; } .aura-about-stats__grid{ display:grid; grid-template-columns:repeat(2,1fr); gap:24px; } .aura-about-stat{ text-align:center; } .aura-about-stat__num{ font-family:'Cormorant Garamond'; font-size:36px; font-weight:600; color:#fff; line-height:1; } .aura-about-stat__label{ font-family:'Jost'; font-size:11px; letter-spacing:1.5px; text-transform:uppercase; color:var(--aura-lilac); margin-top:4px; } @media(min-width:768px){ .aura-about-stats__grid{ grid-template-columns:repeat(4,1fr); } } /* ---------- About Values ---------- */ .aura-about-values{ background:var(--aura-gray); padding:56px 0; } .aura-values-grid{ display:grid; grid-template-columns:1fr; gap:20px; margin-top:8px; } .aura-value-card{ background:var(--aura-white); border-radius:var(--aura-radius); padding:28px 24px; display:flex; flex-direction:column; gap:10px; box-shadow:var(--aura-shadow-card); font-family:'Jost'; } .aura-value-icon{ width:48px; height:48px; border-radius:12px; background:var(--aura-pink); display:flex; align-items:center; justify-content:center; } .aura-value-icon svg{ width:22px; height:22px; color:var(--aura-purple); } .aura-value-card h4{ font-size:16px; font-weight:600; color:var(--aura-purple); margin:0; } .aura-value-card p{ font-size:14px; color:#555; margin:0; line-height:1.6; } @media(min-width:768px){ .aura-values-grid{ grid-template-columns:repeat(3,1fr); } } /* ---------- About Bottom CTA ---------- */ .aura-about-cta{ background:var(--aura-pink); padding:56px 0; } .aura-about-cta__inner{ text-align:center; display:flex; flex-direction:column; align-items:center; gap:16px; font-family:'Jost'; } .aura-about-cta__inner p{ color:#555; font-size:15px; margin:0; } /* ---------- Shop Page Hero ---------- */ .aura-page-hero--shop{ background:linear-gradient(135deg, #2d1a4a 0%, var(--aura-purple) 60%, var(--aura-lilac) 130%); text-align:center; padding:48px 0 40px; } .aura-page-hero--shop .aura-h1{ color:#fff; } .aura-page-hero--shop .aura-eyebrow{ color:var(--aura-lilac); justify-content:center; } .aura-page-hero--shop .aura-page-hero__sub{ color:#e3d3ee; margin:0 auto; } /* ---------- Shop Filter/Sort Bar ---------- */ .aura-shop-bar{ background:var(--aura-white); border-bottom:1px solid var(--aura-purple-08); padding:12px 0; position:sticky; top:64px; z-index:10; } .aura-shop-bar__inner{ display:flex; align-items:center; justify-content:space-between; gap:12px; flex-wrap:wrap; } .aura-shop-bar__count{ font-family:'Jost'; font-size:13px; color:#888; white-space:nowrap; } .aura-shop-bar__filters{ display:flex; gap:8px; flex-wrap:wrap; flex:1; } .aura-filter-tag{ font-family:'Jost'; font-size:11px; letter-spacing:1px; text-transform:uppercase; padding:6px 14px; border-radius:999px; border:1.3px solid var(--aura-purple-14); color:var(--aura-purple); text-decoration:none; transition:background .2s, color .2s; white-space:nowrap; } .aura-filter-tag:hover{ background:var(--aura-purple-08); } .aura-filter-tag--active{ background:var(--aura-purple); color:#fff; border-color:var(--aura-purple); } .aura-sort-select{ font-family:'Jost'; font-size:12px; padding:8px 14px; border-radius:999px; border:1.3px solid var(--aura-purple-14); color:var(--aura-purple); outline:none; background:var(--aura-white); cursor:pointer; white-space:nowrap; } /* ---------- Shop Product Grid ---------- */ .aura-shop-grid-section{ background:var(--aura-gray); padding:36px 0 56px; } .aura-shop-grid{ grid-template-columns:repeat(2,1fr); } @media(min-width:640px){ .aura-shop-grid{ grid-template-columns:repeat(3,1fr); } } @media(min-width:1024px){ .aura-shop-grid{ grid-template-columns:repeat(4,1fr); gap:22px; } } /* Product card hover — second image reveal */ .aura-product-card__thumb{ overflow:hidden; } .aura-product-card__img-hover{ position:absolute; inset:0; width:100%; height:100%; object-fit:cover; opacity:0; transition:opacity .35s ease; } .aura-product-card__thumb:hover .aura-product-card__img-hover{ opacity:1; } /* Card body spacing */ .aura-product-card__body{ display:flex; flex-direction:column; gap:6px; flex:1; } /* New badge variant */ .aura-badge--new{ background:var(--aura-lilac); color:var(--aura-purple); } /* ---------- Pagination ---------- */ .aura-pagination{ display:flex; justify-content:center; align-items:center; gap:8px; margin-top:40px; flex-wrap:wrap; } .aura-page-btn{ font-family:'Jost'; font-size:13px; padding:10px 18px; border-radius:999px; border:1.3px solid var(--aura-purple-14); color:var(--aura-purple); text-decoration:none; transition:background .2s, color .2s; } .aura-page-btn:hover{ background:var(--aura-purple); color:#fff; } .aura-page-btn--active{ background:var(--aura-purple); color:#fff; border-color:var(--aura-purple); } .aura-page-btn--dots{ border:none; color:#aaa; cursor:default; } /* ---------- Empty state ---------- */ .aura-shop-empty{ text-align:center; padding:60px 20px; display:flex; flex-direction:column; align-items:center; gap:16px; font-family:'Jost'; color:#888; } /* ---------- Shipping Page Hero ---------- */ .aura-page-hero--shipping{ background:linear-gradient(135deg, var(--aura-purple) 0%, #9b6cc4 60%, var(--aura-lilac) 130%); text-align:center; padding:56px 0 48px; } .aura-page-hero--shipping .aura-h1{ color:#fff; } .aura-page-hero--shipping .aura-eyebrow{ color:var(--aura-lilac); justify-content:center; } .aura-page-hero--shipping .aura-page-hero__sub{ color:#e3d3ee; margin:0 auto; } /* ---------- Trust Badges Strip ---------- */ .aura-ship-badges{ background:var(--aura-white); padding:40px 0; border-bottom:1px solid var(--aura-purple-08); } .aura-ship-badges__grid{ display:grid; grid-template-columns:repeat(2,1fr); gap:20px; } @media(min-width:768px){ .aura-ship-badges__grid{ grid-template-columns:repeat(4,1fr); } } .aura-ship-badge{ display:flex; flex-direction:column; align-items:center; text-align:center; gap:10px; font-family:'Jost'; padding:16px 12px; } .aura-ship-badge__icon{ width:52px; height:52px; border-radius:14px; background:var(--aura-pink); display:flex; align-items:center; justify-content:center; flex-shrink:0; } .aura-ship-badge__icon svg{ width:24px; height:24px; color:var(--aura-purple); } .aura-ship-badge h4{ font-size:14px; font-weight:600; color:var(--aura-purple); margin:0; } .aura-ship-badge p{ font-size:12px; color:#888; margin:0; line-height:1.5; } /* ---------- Shipping + Returns Cards ---------- */ .aura-ship-section{ background:var(--aura-gray); padding:56px 0; } .aura-ship-section__grid{ display:grid; grid-template-columns:1fr; gap:24px; } @media(min-width:1024px){ .aura-ship-section__grid{ grid-template-columns:1fr 1fr; gap:28px; } } .aura-ship-card{ background:var(--aura-white); border-radius:var(--aura-radius); box-shadow:var(--aura-shadow-card); overflow:hidden; } .aura-ship-card__header{ background:linear-gradient(135deg, var(--aura-pink), var(--aura-white)); padding:24px 28px; display:flex; align-items:center; gap:14px; border-bottom:1px solid var(--aura-purple-08); } .aura-ship-card__icon{ width:44px; height:44px; border-radius:12px; background:var(--aura-purple); display:flex; align-items:center; justify-content:center; flex-shrink:0; } .aura-ship-card__icon svg{ width:20px; height:20px; color:#fff; } .aura-ship-card__body{ padding:24px 28px; display:flex; flex-direction:column; gap:20px; } /* Shipping table */ .aura-ship-table{ border-radius:12px; overflow:hidden; border:1px solid var(--aura-purple-08); } .aura-ship-table__head{ display:grid; grid-template-columns:2fr 1.5fr 1fr; background:var(--aura-purple); padding:12px 16px; gap:8px; font-family:'Jost'; font-size:11px; letter-spacing:1px; text-transform:uppercase; color:#fff; font-weight:600; } .aura-ship-table__row{ display:grid; grid-template-columns:2fr 1.5fr 1fr; padding:14px 16px; gap:8px; border-top:1px solid var(--aura-purple-08); font-family:'Jost'; font-size:13px; color:var(--aura-ink); align-items:center; } .aura-ship-table__row:nth-child(even){ background:var(--aura-gray); } .aura-ship-table__row--highlight{ background:var(--aura-pink) !important; } .aura-ship-free{ color:var(--aura-purple); font-weight:700; } /* Notes box */ .aura-ship-notes{ background:var(--aura-gray); border-radius:12px; padding:16px 20px; border-left:3px solid var(--aura-purple); } .aura-ship-notes--red{ border-left-color:#c0392b; } .aura-ship-notes h4{ font-family:'Jost'; font-size:13px; font-weight:600; color:var(--aura-purple); margin:0 0 10px; text-transform:uppercase; letter-spacing:.5px; } .aura-ship-notes--red h4{ color:#c0392b; } .aura-ship-notes ul{ margin:0; padding-left:18px; display:flex; flex-direction:column; gap:6px; } .aura-ship-notes li{ font-family:'Jost'; font-size:13px; color:#555; line-height:1.5; } .aura-ship-notes li strong{ color:var(--aura-ink); } /* Return steps */ .aura-return-steps{ display:flex; flex-direction:column; gap:16px; } .aura-return-step{ display:flex; gap:16px; align-items:flex-start; padding:14px 16px; border-radius:12px; background:var(--aura-gray); } .aura-return-step__num{ font-family:'Cormorant Garamond'; font-size:28px; font-weight:600; color:var(--aura-lilac); line-height:1; flex-shrink:0; width:32px; } .aura-return-step h4{ font-family:'Jost'; font-size:14px; font-weight:600; color:var(--aura-purple); margin:0 0 4px; } .aura-return-step p{ font-family:'Jost'; font-size:13px; color:#555; margin:0; line-height:1.5; } .aura-return-step p strong{ color:var(--aura-ink); } /* ---------- Payment Methods ---------- */ .aura-ship-payments{ background:var(--aura-white); padding:56px 0; } .aura-payment-grid{ display:grid; grid-template-columns:repeat(2,1fr); gap:16px; margin-top:8px; } @media(min-width:768px){ .aura-payment-grid{ grid-template-columns:repeat(4,1fr); } } .aura-payment-item{ background:var(--aura-gray); border-radius:var(--aura-radius); padding:24px 20px; text-align:center; display:flex; flex-direction:column; align-items:center; gap:8px; font-family:'Jost'; border:1px solid var(--aura-purple-08); transition:box-shadow .2s ease; } .aura-payment-item:hover{ box-shadow:var(--aura-shadow-card); } .aura-payment-item__icon{ font-size:28px; } .aura-payment-item h4{ font-size:14px; font-weight:600; color:var(--aura-purple); margin:0; } .aura-payment-item p{ font-size:12px; color:#888; margin:0; line-height:1.5; }