@font-face{font-family:Shabnam;src:url('shabnam-light.woff2') format('woff2');font-display:swap;font-style:normal;font-weight:300}
@font-face{font-family:Shabnam;src:url('shabnam-regular.woff2') format('woff2');font-display:swap;font-style:normal;font-weight:400}
@font-face{font-family:Shabnam;src:url('shabnam-bold.woff2') format('woff2');font-display:swap;font-style:normal;font-weight:700}

:root{
  --ink:#30233e;--muted:#756c7d;--paper:#fffdf8;--cream:#fff7e7;--violet:#7557e8;--violet-dark:#5a3fc3;
  --lilac:#cdbcf8;--coral:#ff6f7f;--coral-soft:#ffd6d9;--mint:#72d9c9;--mint-soft:#cff6ee;--yellow:#ffd75f;
  --line:#e8e1ed;--white:#fff;--shadow:0 22px 60px rgba(64,42,82,.12);--soft-shadow:0 12px 30px rgba(72,46,92,.09);
  --radius:28px;--container:min(1180px,calc(100% - 40px));
}

*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:100px}
body{margin:0;background:var(--paper);color:var(--ink);font-family:Shabnam,Tahoma,Arial,sans-serif;font-size:16px;line-height:1.7;overflow-x:hidden}
body.cart-open{overflow:hidden}
button,input{font:inherit}
button,a{-webkit-tap-highlight-color:transparent}
button{color:inherit}
a{color:inherit;text-decoration:none}
img{display:block;max-width:100%}
.container{width:var(--container);margin-inline:auto}
.svg-sprite{position:absolute;width:0;height:0;overflow:hidden}
svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}

.announcement{min-height:35px;display:grid;place-items:center;background:var(--ink);color:#fff;font-size:.8rem;overflow:hidden}
.announcement p{margin:0;padding:5px 18px;text-align:center;letter-spacing:.01em}
.announcement span{color:var(--yellow);margin:0 10px}

.site-header{position:sticky;top:0;z-index:50;background:rgba(255,253,248,.9);border-bottom:1px solid rgba(232,225,237,.8);backdrop-filter:blur(16px)}
.header-inner{min-height:84px;display:flex;align-items:center;gap:28px}
.brand{display:flex;align-items:center;gap:11px;flex:none}
.brand-mark{width:43px;height:43px;display:grid;place-items:center;background:var(--violet);color:#fff;border:2px solid var(--ink);border-radius:14px 14px 19px 12px;font-size:1.3rem;font-weight:900;box-shadow:4px 4px 0 var(--yellow);transform:rotate(-4deg)}
.brand-type{display:flex;flex-direction:column;direction:ltr;text-align:left;line-height:1.05}
.brand-type strong{font-size:1.28rem;letter-spacing:-.04em;font-family:Arial,sans-serif;font-weight:900}
.brand-type small{direction:rtl;font-size:.57rem;color:var(--muted);margin-top:6px;letter-spacing:0}
.main-nav{display:flex;align-items:center;gap:24px;margin-inline:auto;font-size:.9rem;font-weight:700}
.main-nav a{position:relative;padding:10px 0;white-space:nowrap}
.main-nav a::after{content:"";position:absolute;right:0;bottom:3px;width:0;height:3px;background:var(--coral);border-radius:4px;transition:.25s}
.main-nav a:hover::after,.main-nav a.active::after{width:100%}
.header-actions{display:flex;align-items:center;gap:8px}
.header-search{width:202px;height:43px;padding:0 13px;display:flex;align-items:center;gap:8px;background:#f6f1fa;border:1px solid transparent;border-radius:15px;color:var(--muted);transition:.2s}
.header-search:focus-within{width:230px;background:#fff;border-color:var(--lilac);box-shadow:0 0 0 4px rgba(117,87,232,.08)}
.header-search svg{width:18px;height:18px;flex:none}
.header-search input{width:100%;border:0;outline:0;background:transparent;color:var(--ink);font-size:.78rem}
.header-search input::placeholder{color:#8c8493}
.icon-button{width:43px;height:43px;padding:0;display:grid;place-items:center;background:#fff;border:1px solid var(--line);border-radius:15px;cursor:pointer;transition:.2s}
.icon-button:hover{transform:translateY(-2px);border-color:var(--lilac);box-shadow:var(--soft-shadow)}
.cart-button{position:relative;background:var(--ink);color:#fff;border-color:var(--ink)}
.cart-count{position:absolute;top:-7px;left:-7px;width:21px;height:21px;display:grid;place-items:center;background:var(--coral);color:#fff;border:2px solid var(--paper);border-radius:50%;font-size:.65rem;font-weight:900}
.menu-button{display:none}

.hero-section{position:relative;background:linear-gradient(120deg,#fff9eb 0%,#f8f1ff 63%,#f0fff9 100%);border-bottom:1px solid var(--line);overflow:hidden}
.hero-section::after{content:"";position:absolute;left:-80px;bottom:-145px;width:330px;height:220px;border:42px solid rgba(255,215,95,.28);border-radius:50%;transform:rotate(-15deg)}
.hero-grid{position:relative;z-index:2;min-height:600px;display:grid;grid-template-columns:.88fr 1.12fr;align-items:center;gap:66px;padding-block:54px 66px}
.hero-copy{max-width:540px}
.eyebrow{display:inline-flex;align-items:center;gap:9px;padding:7px 13px 7px 16px;background:#fff;border:1px solid var(--line);border-radius:999px;font-size:.76rem;font-weight:700;box-shadow:0 8px 24px rgba(72,46,92,.06)}
.eyebrow-dot{width:9px;height:9px;background:var(--coral);border-radius:50%;box-shadow:0 0 0 5px var(--coral-soft)}
.hero-copy h1{margin:22px 0 18px;font-size:clamp(3rem,6vw,5.45rem);line-height:1.06;letter-spacing:-.055em;font-weight:900}
.hero-copy h1 em{position:relative;color:var(--violet);font-style:normal;white-space:nowrap}
.hero-copy h1 em::after{content:"";position:absolute;right:1%;bottom:0;width:98%;height:12px;background:var(--yellow);border-radius:60% 40% 60% 20%;z-index:-1;transform:rotate(-2deg)}
.hero-copy>p{max-width:490px;margin:0;color:#685f70;font-size:1.05rem;line-height:2}
.hero-actions{display:flex;align-items:center;gap:24px;margin-top:29px}
.button{min-height:50px;display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:10px 22px;border:0;border-radius:16px;font-weight:900;cursor:pointer;transition:transform .2s,box-shadow .2s,background .2s}
.button:hover{transform:translateY(-3px)}
.button-primary{background:var(--violet);color:#fff;box-shadow:0 10px 0 #3e2a78,0 18px 32px rgba(83,58,160,.2)}
.button-primary:hover{background:var(--violet-dark);box-shadow:0 7px 0 #3e2a78,0 15px 26px rgba(83,58,160,.2)}
.button svg{width:19px;height:19px}
.text-link{font-size:.9rem;font-weight:800;border-bottom:1px dashed #aa9fb2;padding-bottom:3px}
.text-link span{color:var(--coral);margin-right:4px}
.happy-customers{display:flex;align-items:center;gap:14px;margin-top:42px}
.avatar-stack{display:flex;direction:ltr}
.avatar-stack span{width:37px;height:37px;display:grid;place-items:center;margin-left:-9px;border:3px solid var(--paper);border-radius:50%;font-size:.72rem;font-weight:900;color:var(--ink)}
.avatar-stack span:nth-child(1){background:var(--coral-soft)}.avatar-stack span:nth-child(2){background:var(--mint-soft)}.avatar-stack span:nth-child(3){background:#ded1ff}.avatar-stack span:nth-child(4){background:var(--yellow)}
.happy-customers>div:last-child{display:flex;flex-direction:column;line-height:1.5}
.happy-customers strong{font-size:.78rem}.happy-customers span{font-size:.68rem;color:var(--muted)}

.hero-media{position:relative;direction:ltr;min-width:0}
.hero-image-wrap{position:relative;margin:0;overflow:hidden;background:#fff;border:2px solid var(--ink);border-radius:58px 58px 130px 58px;box-shadow:16px 18px 0 var(--lilac),var(--shadow);transform:rotate(-1.5deg)}
.hero-image-wrap img{width:100%;aspect-ratio:1.36/1;object-fit:cover}
.hero-sticker{position:absolute;left:20px;bottom:22px;width:92px;height:92px;display:flex;flex-direction:column;align-items:center;justify-content:center;background:var(--yellow);border:2px solid var(--ink);border-radius:50% 47% 53% 45%;box-shadow:5px 5px 0 var(--ink);transform:rotate(8deg);line-height:1}
.hero-sticker small{font-size:.62rem;margin-bottom:7px;direction:rtl}.hero-sticker strong{font-size:1.15rem;font-family:Arial,sans-serif}
.tiny-note{position:absolute;right:-28px;bottom:14px;padding:13px 16px;background:#fff;border:1px solid var(--line);border-radius:13px;box-shadow:var(--soft-shadow);font-size:.7rem;font-weight:700;line-height:1.65;direction:rtl;transform:rotate(4deg)}
.tiny-note span{color:var(--coral);font-size:1.1rem}
.shape{position:absolute;z-index:-1;display:block}.shape-yellow{width:105px;height:105px;left:-34px;top:-27px;background:var(--yellow);border-radius:42% 58% 64% 36% / 47% 38% 62% 53%;transform:rotate(20deg)}.shape-mint{width:70px;height:70px;right:-25px;top:30px;background:var(--mint);border-radius:50%;box-shadow:inset -8px -8px 0 rgba(48,35,62,.08)}
.hero-confetti{position:absolute;width:13px;height:41px;border-radius:999px;transform:rotate(40deg)}.confetti-one{top:70px;right:5%;background:var(--coral)}.confetti-two{bottom:60px;right:46%;height:28px;background:var(--mint);transform:rotate(-55deg)}

.trust-strip{background:#fff;border-bottom:1px solid var(--line)}
.trust-grid{display:grid;grid-template-columns:repeat(3,1fr);padding-block:24px}
.trust-grid article{display:flex;justify-content:center;align-items:center;gap:13px;padding:5px 30px;border-left:1px solid var(--line)}
.trust-grid article:last-child{border-left:0}
.trust-icon{width:45px;height:45px;display:grid;place-items:center;border-radius:15px}.trust-icon.lilac{background:#eee8ff;color:var(--violet)}.trust-icon.yellow{background:#fff3c4;color:#9a6b00}.trust-icon.mint{background:var(--mint-soft);color:#157f70}
.trust-grid article div{display:flex;flex-direction:column}.trust-grid strong{font-size:.86rem}.trust-grid small{font-size:.7rem;color:var(--muted)}

.section{padding:96px 0}
.section-heading{display:flex;align-items:end;justify-content:space-between;gap:30px;margin-bottom:36px}
.kicker{display:block;color:var(--violet);font-size:.78rem;font-weight:900;margin-bottom:6px}.coral-kicker{color:#e24f61}
.section-heading h2{margin:0;font-size:clamp(1.75rem,3vw,2.6rem);line-height:1.35;letter-spacing:-.04em}
.view-all{display:inline-flex;align-items:center;gap:8px;font-size:.82rem;font-weight:900;border-bottom:2px solid var(--yellow);padding-bottom:3px;white-space:nowrap}.view-all svg{width:18px;height:18px}
.categories-section{background:#fff}
.category-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.category-card{position:relative;min-height:235px;display:flex;flex-direction:column;align-items:flex-start;text-align:right;padding:26px;border:2px solid var(--ink);border-radius:28px;cursor:pointer;overflow:hidden;transition:.25s}
.category-card::after{content:"";position:absolute;left:-20px;bottom:-38px;width:100px;height:100px;border:18px solid rgba(255,255,255,.48);border-radius:50%}
.category-card:hover{transform:translateY(-8px) rotate(-1deg);box-shadow:8px 10px 0 var(--ink)}
.category-lilac{background:#ded2ff}.category-coral{background:#ffc6cb}.category-yellow{background:#ffe68f}.category-mint{background:#bff1e8}
.category-icon{width:58px;height:58px;display:grid;place-items:center;background:rgba(255,255,255,.72);border:1px solid rgba(48,35,62,.15);border-radius:19px;margin-bottom:auto}.category-icon svg{width:28px;height:28px;stroke-width:1.7}
.category-card span:nth-child(2){display:flex;flex-direction:column;position:relative;z-index:1}.category-card strong{font-size:1.02rem}.category-card small{font-size:.68rem;color:#564b5d;margin-top:2px}.category-card i{position:absolute;left:18px;top:18px;padding:4px 9px;background:rgba(255,255,255,.75);border-radius:999px;font-size:.58rem;font-style:normal;font-weight:900}

.products-section{background:#faf7fc}
.product-heading{align-items:center}
.product-filters{display:flex;align-items:center;gap:7px;background:#fff;padding:5px;border:1px solid var(--line);border-radius:16px}
.filter-chip{min-height:38px;padding:6px 15px;border:0;background:transparent;border-radius:11px;font-size:.73rem;font-weight:800;cursor:pointer}.filter-chip.active{background:var(--ink);color:#fff}.filter-chip:hover:not(.active){background:#f4eff7}
.products-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.product-card{background:#fff;border:1px solid var(--line);border-radius:30px;padding:10px;box-shadow:0 8px 0 rgba(48,35,62,.03);transition:.3s}
.product-card:hover{transform:translateY(-8px);box-shadow:var(--shadow)}
.product-card[hidden]{display:none}
.product-image{position:relative;overflow:hidden;border-radius:23px;aspect-ratio:1/1}.product-image img{width:100%;height:100%;object-fit:cover;transition:transform .5s}.product-card:hover .product-image img{transform:scale(1.04)}
.product-pink{background:#ffe1e5}.product-mint{background:#d9faf3}.product-violet{background:#ece4ff}
.featured-product .product-image img{object-position:62% center}
.favorite-button{position:absolute;z-index:2;left:14px;top:14px;width:40px;height:40px;display:grid;place-items:center;background:rgba(255,255,255,.9);border:0;border-radius:50%;cursor:pointer;box-shadow:0 5px 15px rgba(48,35,62,.1);transition:.2s}.favorite-button svg{width:19px}.favorite-button.active{background:var(--coral);color:#fff}.favorite-button.active svg{fill:currentColor}
.discount-badge,.new-badge,.best-badge{position:absolute;z-index:2;right:13px;top:13px;padding:5px 10px;border:1.5px solid var(--ink);border-radius:999px;font-size:.62rem;font-weight:900}.discount-badge{background:var(--coral);color:#fff}.new-badge{background:var(--yellow)}.best-badge{background:var(--violet);color:#fff}
.product-info{padding:17px 10px 10px}.product-meta{margin:0;color:var(--violet);font-size:.66rem;font-weight:900}.product-info h3{margin:3px 0 7px;font-size:.98rem;line-height:1.6}.rating{display:flex;align-items:center;gap:5px}.rating span{color:#ffb400;font-size:.7rem;letter-spacing:1px}.rating small{color:var(--muted);font-size:.6rem}
.product-bottom{display:flex;align-items:end;justify-content:space-between;gap:12px;margin-top:14px}.price{display:flex;flex-direction:column}.price del{color:#a59ca9;font-size:.62rem}.price strong{font-size:.92rem}.price strong small{font-size:.6rem;font-weight:400;color:var(--muted)}
.add-button{width:44px;height:44px;display:grid;place-items:center;flex:none;background:var(--ink);color:#fff;border:0;border-radius:14px;cursor:pointer;transition:.2s}.add-button:hover{background:var(--violet);transform:rotate(-5deg) scale(1.08)}.add-button.added{background:var(--mint);color:var(--ink)}
.empty-products{min-height:290px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;background:#fff;border:2px dashed var(--lilac);border-radius:28px;padding:35px}.empty-products[hidden]{display:none}.empty-products strong{font-size:1.3rem}.empty-products span{margin:5px 0 20px;color:var(--muted);font-size:.85rem}

.gift-section{padding:82px 0;background:#fff}
.gift-card{position:relative;min-height:390px;display:grid;grid-template-columns:1.1fr .9fr;align-items:center;overflow:hidden;background:var(--violet);color:#fff;border:2px solid var(--ink);border-radius:44px;padding:55px 70px;box-shadow:13px 14px 0 var(--yellow)}
.gift-card::before{content:"";position:absolute;right:-70px;top:-90px;width:290px;height:290px;border:55px solid rgba(255,255,255,.08);border-radius:50%}.gift-card::after{content:"";position:absolute;left:35%;bottom:-70px;width:180px;height:180px;background:var(--coral);border-radius:45% 55% 58% 42%;opacity:.35}
.gift-copy{position:relative;z-index:2}.gift-pill{display:inline-block;background:var(--yellow);color:var(--ink);border:1.5px solid var(--ink);border-radius:999px;padding:5px 13px;font-size:.7rem;font-weight:900;transform:rotate(-2deg)}
.gift-copy h2{margin:16px 0 12px;font-size:clamp(2rem,4vw,3.5rem);line-height:1.35;letter-spacing:-.05em}.gift-copy h2 em{font-style:normal;color:var(--yellow)}.gift-copy p{max-width:590px;color:#eee8ff;font-size:.9rem}.button-light{margin-top:12px;background:#fff;color:var(--violet);box-shadow:0 8px 0 #3c286c}.button-light:hover{box-shadow:0 5px 0 #3c286c}
.gift-art{position:relative;z-index:2;height:270px}.gift-icon-bubble{position:absolute;left:13%;top:34px;width:200px;height:200px;display:grid;place-items:center;background:var(--yellow);color:var(--ink);border:3px solid var(--ink);border-radius:44% 56% 52% 48% / 48% 42% 58% 52%;box-shadow:12px 13px 0 rgba(48,35,62,.45);transform:rotate(-5deg)}.gift-icon-bubble svg{width:104px;height:104px;stroke-width:1.35}
.gift-star,.gift-heart{position:absolute;display:grid;place-items:center;background:#fff;border:2px solid var(--ink);box-shadow:4px 5px 0 var(--ink)}.gift-star{right:0;top:10px;width:68px;height:68px;color:var(--yellow);font-size:2rem;border-radius:50%;transform:rotate(13deg)}.gift-heart{left:18px;bottom:0;width:56px;height:56px;color:var(--coral);font-size:1.4rem;border-radius:18px;transform:rotate(-13deg)}

.about-section{padding:72px 0;background:var(--cream);border-block:1px solid #eee3d0}
.about-grid{display:grid;grid-template-columns:.8fr 1.7fr auto;align-items:center;gap:50px}.about-title{display:flex;align-items:center;gap:14px}.about-title h2{margin:0;font-size:1.6rem}.mini-logo{width:50px;height:50px;display:grid;place-items:center;background:var(--coral);color:#fff;border:2px solid var(--ink);border-radius:50% 45% 55% 42%;font-family:Arial,sans-serif;font-size:1.3rem;font-weight:900;box-shadow:4px 4px 0 var(--yellow)}.about-grid>p{margin:0;color:#625969;font-size:.88rem;line-height:2.1}

.site-footer{padding:65px 0 25px;background:var(--ink);color:#fff}.footer-grid{display:grid;grid-template-columns:1.5fr repeat(3,1fr);gap:50px}.footer-logo .brand-mark{background:var(--yellow);color:var(--ink);box-shadow:4px 4px 0 var(--coral)}.footer-logo .brand-type small{color:#c8bdcf}.footer-brand>p,.social-copy{max-width:290px;color:#bfb3c7;font-size:.78rem}.footer-grid h3{margin:5px 0 15px;color:var(--yellow);font-size:.82rem}.footer-grid>div:not(:first-child){display:flex;flex-direction:column;align-items:flex-start}.footer-grid>div>a{margin-bottom:8px;color:#d8cfde;font-size:.76rem}.footer-grid>div>a:hover{color:#fff}.socials{display:flex;gap:8px;margin-top:8px}.socials a{width:36px;height:36px;display:grid;place-items:center;border:1px solid #61546b;border-radius:12px;color:#fff;font-family:Arial,sans-serif;font-size:.7rem;font-weight:900}.socials a:hover{background:var(--violet);border-color:var(--violet)}.footer-bottom{display:flex;justify-content:space-between;gap:20px;margin-top:48px;padding-top:21px;border-top:1px solid #504358;color:#9f92a8;font-size:.66rem}

.mobile-bottom-nav{display:none}
.page-overlay{position:fixed;inset:0;z-index:89;background:rgba(28,19,35,.48);backdrop-filter:blur(3px);opacity:0;transition:.3s}.page-overlay.visible{opacity:1}.page-overlay[hidden]{display:none}
.cart-drawer{position:fixed;z-index:90;top:0;left:0;width:min(430px,100%);height:100dvh;display:flex;flex-direction:column;background:#fff;box-shadow:30px 0 70px rgba(28,19,35,.22);transform:translateX(-110%);transition:transform .35s cubic-bezier(.2,.8,.2,1)}.cart-drawer.open{transform:translateX(0)}
.cart-header{display:flex;align-items:center;justify-content:space-between;padding:24px;border-bottom:1px solid var(--line)}.cart-header>div{display:flex;flex-direction:column}.cart-header span{color:var(--violet);font-size:.68rem;font-weight:900}.cart-header h2{margin:0;font-size:1.22rem}.cart-items{flex:1;overflow:auto;padding:20px}.empty-cart{height:100%;min-height:390px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:30px}.empty-cart-icon{width:76px;height:76px;display:grid;place-items:center;background:#efe9ff;color:var(--violet);border-radius:26px;transform:rotate(-4deg);margin-bottom:20px}.empty-cart-icon svg{width:32px;height:32px}.empty-cart strong{font-size:1.1rem}.empty-cart p{max-width:280px;color:var(--muted);font-size:.78rem;margin:8px 0 22px}
.cart-line{display:grid;grid-template-columns:78px 1fr auto;gap:13px;align-items:center;padding:12px 0;border-bottom:1px solid var(--line)}.cart-line img{width:78px;height:78px;object-fit:cover;border-radius:17px}.cart-line-info{display:flex;flex-direction:column}.cart-line-info strong{font-size:.76rem}.cart-line-info span{font-size:.7rem;color:var(--violet);font-weight:900}.quantity-control{display:flex;align-items:center;gap:8px;margin-top:7px}.quantity-control button{width:24px;height:24px;display:grid;place-items:center;border:1px solid var(--line);background:#fff;border-radius:8px;cursor:pointer;font-size:.9rem}.quantity-control b{font-size:.7rem}.remove-line{align-self:start;border:0;background:transparent;color:#a99fad;cursor:pointer;font-size:1rem}.remove-line:hover{color:var(--coral)}
.cart-footer{padding:20px 24px 24px;background:#fff;border-top:1px solid var(--line);box-shadow:0 -15px 30px rgba(48,35,62,.05)}.cart-total{display:flex;align-items:center;justify-content:space-between;margin-bottom:15px}.cart-total span{font-size:.78rem;color:var(--muted)}.cart-total strong{font-size:1.05rem}.checkout-button{width:100%}.cart-footer>small{display:block;text-align:center;color:var(--muted);font-size:.61rem;margin-top:12px}
.toast{position:fixed;z-index:120;right:50%;bottom:30px;display:flex;align-items:center;gap:10px;min-width:250px;padding:12px 16px;background:var(--ink);color:#fff;border-radius:14px;box-shadow:var(--shadow);transform:translate(50%,150%);opacity:0;transition:.35s}.toast.show{transform:translate(50%,0);opacity:1}.toast span{width:28px;height:28px;display:grid;place-items:center;background:var(--mint);color:var(--ink);border-radius:9px;font-weight:900}.toast p{margin:0;font-size:.76rem;font-weight:800}

@media (max-width:1080px){
  .header-inner{gap:18px}.main-nav{gap:15px}.header-search{display:none}.hero-grid{gap:38px;min-height:560px}.tiny-note{right:-8px}.category-card{min-height:215px;padding:20px}.gift-card{padding:50px}.about-grid{grid-template-columns:1fr 2fr}.about-grid>a{display:none}
}

@media (max-width:820px){
  :root{--container:min(100% - 28px,680px)}
  .announcement{font-size:.7rem}.site-header{top:0}.header-inner{min-height:72px}.menu-button{display:grid}.desktop-action{display:none}.brand{margin-left:auto}.main-nav{position:absolute;top:71px;right:14px;left:14px;display:flex;flex-direction:column;align-items:stretch;gap:0;background:#fff;border:1px solid var(--line);border-radius:20px;padding:12px;box-shadow:var(--shadow);transform:translateY(-12px);opacity:0;visibility:hidden;transition:.25s}.main-nav.open{transform:translateY(0);opacity:1;visibility:visible}.main-nav a{padding:11px 13px}.main-nav a::after{display:none}.main-nav a:hover,.main-nav a.active{background:#f5f0fa;border-radius:12px;color:var(--violet)}
  .brand-type small{display:none}.hero-grid{grid-template-columns:1fr;gap:45px;min-height:0;padding-block:55px 78px}.hero-copy{max-width:620px;text-align:center;margin-inline:auto}.hero-copy>p{margin-inline:auto}.eyebrow{margin-inline:auto}.hero-actions,.happy-customers{justify-content:center}.hero-media{width:min(610px,94%);margin-inline:auto}.hero-image-wrap{border-radius:44px 44px 90px 44px}.tiny-note{right:-15px}.trust-grid article{padding-inline:15px}.category-grid{grid-template-columns:repeat(2,1fr)}.products-grid{grid-template-columns:repeat(2,1fr)}.products-grid .product-card:last-child{grid-column:1/-1;width:calc(50% - 12px);justify-self:center}.product-heading{align-items:flex-end}.gift-card{grid-template-columns:1fr;padding:44px;min-height:0}.gift-copy{text-align:center}.gift-copy p{margin-inline:auto}.gift-art{display:none}.about-grid{grid-template-columns:1fr;gap:20px;text-align:center}.about-title{justify-content:center}.footer-grid{grid-template-columns:1.4fr 1fr 1fr}.footer-grid>div:last-child{grid-column:1/-1}.footer-bottom{margin-top:32px}
}

@media (max-width:560px){
  :root{--container:calc(100% - 24px);--radius:22px}
  body{padding-bottom:67px}.announcement span{margin:0 4px}.announcement p{padding-inline:8px}.header-inner{gap:10px}.brand-mark{width:39px;height:39px;border-radius:13px;font-size:1.1rem;box-shadow:3px 3px 0 var(--yellow)}.brand-type strong{font-size:1.12rem}.icon-button{width:41px;height:41px;border-radius:14px}.header-actions{gap:0}
  .hero-section::after{display:none}.hero-grid{padding:44px 0 65px;gap:36px}.hero-copy h1{font-size:clamp(2.65rem,14vw,4.2rem);margin-top:18px}.hero-copy>p{font-size:.9rem;line-height:1.9}.hero-actions{flex-direction:column;gap:18px;margin-top:24px}.hero-actions .button{width:100%}.happy-customers{margin-top:34px}.hero-media{width:94%}.hero-image-wrap{border-radius:34px 34px 65px 34px;box-shadow:9px 11px 0 var(--lilac),var(--shadow)}.hero-image-wrap img{aspect-ratio:1.08/1}.hero-sticker{width:72px;height:72px;left:12px;bottom:14px;box-shadow:3px 3px 0 var(--ink)}.hero-sticker strong{font-size:.9rem}.tiny-note{display:none}.shape-yellow{width:75px;height:75px}.shape-mint{width:52px;height:52px}
  .trust-grid{grid-template-columns:1fr;padding-block:8px}.trust-grid article{justify-content:flex-start;border-left:0;border-bottom:1px solid var(--line);padding:13px 10px}.trust-grid article:last-child{border-bottom:0}.trust-icon{width:42px;height:42px}
  .section{padding:68px 0}.section-heading{align-items:flex-start;margin-bottom:26px}.section-heading .view-all{display:none}.section-heading h2{font-size:1.75rem}.category-grid{grid-template-columns:1fr 1fr;gap:11px}.category-card{min-height:190px;padding:17px;border-radius:22px}.category-icon{width:50px;height:50px;border-radius:16px}.category-card strong{font-size:.86rem}.category-card small{font-size:.6rem}.category-card i{left:11px;top:11px;font-size:.52rem}.category-card:hover{transform:translateY(-4px);box-shadow:5px 6px 0 var(--ink)}
  .product-heading{display:block}.product-filters{margin-top:20px;overflow-x:auto;justify-content:flex-start}.filter-chip{flex:none}.products-grid{grid-template-columns:1fr;gap:18px}.products-grid .product-card:last-child{grid-column:auto;width:100%}.product-card{border-radius:25px}.product-image{border-radius:19px;aspect-ratio:1.1/1}.product-info{padding:14px 8px 8px}.product-info h3{font-size:.92rem}.add-button{width:47px;height:47px}
  .gift-section{padding:58px 0}.gift-card{padding:37px 23px;border-radius:28px;box-shadow:7px 8px 0 var(--yellow)}.gift-copy h2{font-size:2.2rem}.gift-copy p{font-size:.78rem}.gift-copy .button{width:100%}
  .about-section{padding:55px 0}.about-grid>p{font-size:.78rem;line-height:2}.site-footer{padding-top:55px}.footer-grid{grid-template-columns:1fr 1fr;gap:35px 24px}.footer-brand{grid-column:1/-1}.footer-grid>div:last-child{grid-column:1/-1}.footer-bottom{flex-direction:column;text-align:center;align-items:center;gap:5px}.mobile-bottom-nav{position:fixed;z-index:70;right:0;bottom:0;left:0;height:67px;display:grid;grid-template-columns:repeat(4,1fr);background:rgba(255,255,255,.96);border-top:1px solid var(--line);box-shadow:0 -9px 28px rgba(48,35,62,.09);backdrop-filter:blur(16px)}.mobile-bottom-nav a,.mobile-bottom-nav button{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;border:0;background:transparent;color:#857b8b;font-size:.57rem}.mobile-bottom-nav svg{width:20px;height:20px}.mobile-bottom-nav .active{color:var(--violet)}.mobile-bottom-nav i{position:absolute;top:5px;right:calc(50% + 3px);width:18px;height:18px;display:grid;place-items:center;background:var(--coral);color:#fff;border:2px solid #fff;border-radius:50%;font-size:.52rem;font-style:normal}.toast{bottom:84px;width:calc(100% - 28px)}
}

/* Modern glass redesign — inspired by the supplied landing-page references */
:root{
  --ink:#171526;--muted:#716f7d;--paper:#f5f6fa;--cream:#eef0f6;--violet:#6256e8;--violet-dark:#4437c7;
  --lilac:#d9d7ff;--coral:#ff7a76;--coral-soft:#ffe4e2;--mint:#82dcd7;--mint-soft:#def6f3;--yellow:#d8ff78;
  --line:#dedfe8;--white:#fff;--shadow:0 28px 80px rgba(28,23,68,.14);--soft-shadow:0 14px 36px rgba(35,29,77,.1);
  --radius:26px;
}

body{background:var(--paper);color:var(--ink)}
.announcement{min-height:32px;background:#111022;color:#d9d8e4;font-size:.72rem}
.announcement span{color:var(--yellow)}
.site-header{background:rgba(247,248,252,.76);border-bottom:1px solid rgba(255,255,255,.75);box-shadow:0 8px 32px rgba(23,21,38,.04);-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px)}
.header-inner{min-height:80px}
.brand-mark{background:linear-gradient(145deg,#7168f3,#4b3dc4);border:0;border-radius:13px;box-shadow:0 9px 22px rgba(71,58,190,.25);transform:none}
.brand-type small{color:#777584}
.main-nav a::after{height:2px;background:var(--violet)}
.header-search{background:rgba(255,255,255,.58);border-color:rgba(98,86,232,.12);border-radius:13px}
.icon-button{background:rgba(255,255,255,.65);border-color:rgba(23,21,38,.1);border-radius:13px;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}
.cart-button{background:#171526;color:#fff;border-color:#171526}
.cart-count{background:var(--coral);border-color:#f7f8fc}

.button{min-height:51px;border-radius:14px;font-weight:700}
.button-primary{background:#fff;color:#211a57;box-shadow:0 12px 30px rgba(14,11,42,.22)}
.button-primary:hover{background:var(--yellow);color:#171526;box-shadow:0 10px 26px rgba(14,11,42,.2)}

.hero-section{min-height:820px;padding:56px 0 34px;background:
  radial-gradient(circle at 12% 14%,rgba(139,213,231,.36),transparent 27%),
  radial-gradient(circle at 88% 82%,rgba(255,122,118,.25),transparent 29%),
  linear-gradient(137deg,#24185c 0%,#5346c8 50%,#7774e9 100%);border:0}
.hero-glow{border-color:rgba(255,255,255,.18)}
.hero-glow-one{width:520px;height:520px;top:-300px;left:-120px;box-shadow:0 0 110px rgba(132,221,216,.15)}
.hero-glow-two{width:600px;height:600px;right:-270px;bottom:-360px;border-width:1px;box-shadow:0 0 100px rgba(255,255,255,.08)}
.hero-word{color:rgba(255,255,255,.045);font-weight:700;letter-spacing:.14em}
.hero-showcase{grid-template-columns:1.03fr .97fr;grid-template-areas:"bar bar" "media copy" "rail rail";background:rgba(255,255,255,.105);border:1px solid rgba(255,255,255,.3);border-radius:34px;box-shadow:0 40px 95px rgba(12,8,43,.34),inset 0 1px 0 rgba(255,255,255,.28);-webkit-backdrop-filter:blur(28px) saturate(125%);backdrop-filter:blur(28px) saturate(125%)}
.hero-browserbar{grid-area:bar;min-height:52px;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:18px;padding:0 22px;border-bottom:1px solid rgba(255,255,255,.17);color:rgba(255,255,255,.7);font:700 .62rem/1 Arial,sans-serif;letter-spacing:.13em;direction:ltr}
.browser-dots{display:flex;gap:6px}.browser-dots i{width:7px;height:7px;display:block;background:rgba(255,255,255,.62);border-radius:50%}.browser-dots i:nth-child(2){opacity:.66}.browser-dots i:nth-child(3){opacity:.35}
.browser-line{width:74px;height:5px;background:rgba(255,255,255,.16);border-radius:99px}
.hero-copy{padding:67px 56px 50px 42px;color:#fff}
.hero-copy .eyebrow{padding:8px 14px;background:rgba(255,255,255,.1);color:#f3f1ff;border-color:rgba(255,255,255,.2);box-shadow:none;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}
.eyebrow-dot{width:7px;height:7px;background:var(--yellow);box-shadow:0 0 0 5px rgba(216,255,120,.14)}
.hero-copy h1{margin:22px 0 21px;color:#fff;font-size:clamp(3.1rem,5.4vw,5.1rem);font-weight:700;line-height:1.17;letter-spacing:-.05em}
.hero-copy h1 em{color:var(--yellow);font-weight:300}
.hero-copy h1 em::after{display:none}
.hero-copy>p{max-width:525px;color:rgba(246,244,255,.79);font-size:1rem;line-height:2.05}
.hero-actions{margin-top:30px}
.hero-copy .text-link{color:#fff;border-color:rgba(255,255,255,.42);font-weight:700}.hero-copy .text-link span{color:var(--yellow)}
.hero-proof{margin-top:37px;border-color:rgba(255,255,255,.16)}
.hero-proof span{color:rgba(255,255,255,.63);border-color:rgba(255,255,255,.18)}
.hero-proof b{color:#fff;font-weight:700}
.hero-media{min-height:525px;padding:38px;background:rgba(8,7,31,.08);border-left:1px solid rgba(255,255,255,.13)}
.hero-media::before,.hero-media::after,.hero-orbit,.hero-doodle{display:none}
.hero-image-wrap{width:100%;border:1px solid rgba(255,255,255,.32);border-radius:24px;box-shadow:0 28px 65px rgba(12,8,43,.32),inset 0 1px 0 rgba(255,255,255,.18);transform:none}
.hero-image-wrap img{aspect-ratio:1.22/1;object-position:center;transform:none;filter:saturate(.9) contrast(1.02)}
.hero-sticker{left:56px;bottom:55px;width:auto;height:auto;display:flex;flex-direction:row;gap:9px;padding:9px 13px;background:rgba(255,255,255,.17);color:#fff;border:1px solid rgba(255,255,255,.35);border-radius:999px;box-shadow:0 12px 30px rgba(15,11,48,.2);transform:none;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px)}
.hero-sticker small{margin:0;font-size:.66rem}.hero-sticker strong{font-size:.72rem;color:var(--yellow)}
.hero-rail{background:rgba(10,8,35,.38);border-top-color:rgba(255,255,255,.15);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}
.hero-rail article{min-height:90px;border-color:rgba(255,255,255,.13)}
.hero-rail article>span{width:35px;height:35px;background:rgba(255,255,255,.09);color:var(--yellow);border:1px solid rgba(255,255,255,.2);border-radius:10px;font-weight:700;transform:none}
.hero-rail strong{font-weight:700}.hero-rail small{color:rgba(255,255,255,.59)}
.scroll-cue{color:rgba(255,255,255,.82);font-weight:400}.scroll-cue i{border-color:rgba(255,255,255,.3)}

.landing-story{padding:112px 0;background:
  radial-gradient(circle at 14% 30%,rgba(98,86,232,.16),transparent 28%),
  linear-gradient(145deg,#111221,#17182d 64%,#202044);color:#fff}
.story-heading>span{color:var(--yellow)}
.story-heading h2{font-weight:300;letter-spacing:-.045em}.story-heading p{color:#aaaabd;font-size:.92rem}
.story-grid{gap:16px}
.story-panel{border:1px solid rgba(255,255,255,.14);border-radius:25px;box-shadow:inset 0 1px 0 rgba(255,255,255,.1);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}
.story-panel-main{background:rgba(255,255,255,.08)}
.story-panel-main::after{background:linear-gradient(to top,rgba(10,10,28,.94),rgba(10,10,28,.06) 72%)}
.story-panel-main img{object-position:center;filter:saturate(.82)}
.story-panel-main h3{font-weight:400}.story-panel-main span{color:var(--yellow)}
.story-panel-copy{background:linear-gradient(145deg,rgba(112,99,238,.9),rgba(72,59,183,.82));color:#fff;padding:32px}
.story-panel-copy small{color:var(--yellow)}.story-panel-copy h3{font-weight:300}.story-scribble{color:rgba(255,255,255,.34);font-size:.88rem;letter-spacing:.08em;transform:none}
.story-panel-product{background:rgba(255,255,255,.08);color:#fff}
.story-panel-product img{filter:saturate(.72) contrast(.98)}
.story-panel-product>div{background:rgba(18,18,39,.68);color:#fff;border-color:rgba(255,255,255,.18);border-radius:13px;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}
.story-panel-product span{color:var(--yellow)}

.trust-strip{background:rgba(255,255,255,.72);border-color:rgba(23,21,38,.08);-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px)}
.trust-icon{border-radius:13px}.trust-icon.lilac{background:#e8e6ff}.trust-icon.yellow{background:#ecfbc8;color:#607d11}.trust-icon.mint{background:#dcf3f1}
.categories-section{background:linear-gradient(180deg,#f5f6fa,#eceef5)}
.kicker{color:var(--violet)}
.category-grid{gap:18px}
.category-card{min-height:370px;padding:8px;background:rgba(255,255,255,.64);border:1px solid rgba(255,255,255,.92);border-radius:25px;box-shadow:0 18px 48px rgba(38,31,77,.08),inset 0 1px 0 #fff;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}
.category-card:hover{transform:translateY(-7px);box-shadow:0 25px 56px rgba(38,31,77,.14)}
.category-visual{height:250px;border-radius:20px;background:#e9e9f1}
.category-visual img{filter:saturate(.78)}
.category-visual i{background:rgba(248,248,252,.72);border-color:rgba(255,255,255,.8);font-weight:700;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}
.category-copy{padding:17px 12px 10px}.category-copy strong{font-weight:700}.category-copy b{color:var(--violet);font-weight:700}

.products-section{padding-top:108px;background:linear-gradient(180deg,#eceef5,#f8f8fb)}
.product-filters{background:rgba(255,255,255,.72);border-color:rgba(23,21,38,.08);border-radius:14px;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}
.filter-chip{border-radius:10px}.filter-chip.active{background:#19172b;color:#fff}
.product-card{background:rgba(255,255,255,.72);border-color:rgba(255,255,255,.95);border-radius:25px;box-shadow:0 15px 42px rgba(37,31,69,.075),inset 0 1px 0 #fff;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}
.product-card:hover{transform:translateY(-6px);box-shadow:0 24px 55px rgba(37,31,69,.13)}
.product-image{border-radius:19px}.product-image img{filter:saturate(.78)}
.discount-badge,.new-badge,.best-badge{border:0;font-weight:700;box-shadow:0 8px 22px rgba(23,21,38,.12)}
.best-badge{background:#211c5c}.new-badge{background:var(--yellow)}
.favorite-button{background:rgba(255,255,255,.72);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}
.add-button{background:#1b1930;box-shadow:none}.add-button:hover{background:var(--violet)}

.gift-section{padding:90px 0;background:#f8f8fb}
.gift-card{min-height:430px;grid-template-columns:1.05fr .95fr;padding:46px 54px;background:
  radial-gradient(circle at 8% 16%,rgba(130,220,215,.2),transparent 30%),
  linear-gradient(135deg,#282064,#5b4ed1);border:1px solid rgba(255,255,255,.32);border-radius:30px;box-shadow:0 30px 75px rgba(34,27,92,.2),inset 0 1px 0 rgba(255,255,255,.25)}
.gift-card::before{border-width:1px;border-color:rgba(255,255,255,.16)}.gift-card::after{background:var(--coral);filter:blur(18px);opacity:.17}
.gift-pill{padding:7px 13px;background:rgba(255,255,255,.11);color:var(--yellow);border:1px solid rgba(255,255,255,.22);font-weight:700;transform:none;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}
.gift-copy h2{font-weight:300}.gift-copy h2 em{color:var(--yellow);font-weight:700}.gift-copy p{color:rgba(255,255,255,.73);font-size:.95rem;line-height:2}
.button-light{background:#fff;color:#241c62;box-shadow:0 12px 28px rgba(15,11,49,.22)}.button-light:hover{background:var(--yellow);box-shadow:0 10px 25px rgba(15,11,49,.18)}
.gift-art{height:330px;display:grid;place-items:center}
.gift-art img{width:100%;height:100%;object-fit:cover;border:1px solid rgba(255,255,255,.27);border-radius:22px;box-shadow:0 24px 52px rgba(12,9,45,.27);filter:saturate(.78)}
.gift-icon-bubble,.gift-star,.gift-heart{display:none}

.about-section{background:#eef0f6;border-color:#dfe1e9}
.mini-logo{background:linear-gradient(145deg,#7168f3,#4b3dc4);border:0;border-radius:14px;box-shadow:0 10px 24px rgba(71,58,190,.2);transform:none}
.about-grid>p{color:#5f5d6c;font-size:.92rem}
.site-footer{background:#111120}.footer-logo .brand-mark{background:linear-gradient(145deg,#7168f3,#4b3dc4);color:#fff;box-shadow:none}.footer-grid h3{color:var(--yellow)}
.socials a{border-color:#39384a;border-radius:10px}.socials a:hover{background:var(--violet)}
.footer-bottom{border-color:#29283a;color:#858394}
.cart-drawer{background:rgba(249,249,252,.94);-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px)}
.empty-cart-icon{background:#e8e6ff;border-radius:18px;transform:none}
.mobile-bottom-nav{background:rgba(248,248,251,.88);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}
:focus-visible{outline-color:var(--yellow)}

@media (max-width:1080px){
  .hero-showcase{grid-template-columns:1fr 1fr}.hero-copy{padding:54px 35px 45px 30px}.hero-media{min-height:470px;padding:27px}.category-card{min-height:340px}.category-visual{height:220px}
}

@media (max-width:820px){
  .hero-section{padding-top:38px}.hero-showcase{grid-template-columns:1fr;grid-template-areas:"bar" "copy" "media" "rail"}.hero-browserbar{grid-template-columns:auto 1fr}.browser-line{display:none}.hero-copy{padding:48px 34px 40px;text-align:center}.hero-media{min-height:450px;border-left:0;border-top:1px solid rgba(255,255,255,.13)}.hero-image-wrap{width:min(94%,620px)}.hero-sticker{left:8%;bottom:46px}
  .gift-card{grid-template-columns:1fr;padding:42px}.gift-art{height:360px;margin-top:24px}
}

@media (max-width:560px){
  .site-header{background:rgba(247,248,252,.9)}.brand-mark{box-shadow:0 7px 18px rgba(71,58,190,.2)}
  .hero-section{padding:22px 0 27px}.hero-showcase{border-radius:24px;box-shadow:0 28px 65px rgba(12,8,43,.3),inset 0 1px 0 rgba(255,255,255,.25)}.hero-browserbar{min-height:45px;padding:0 15px;font-size:.52rem}.hero-copy{padding:34px 18px 33px}.hero-copy h1{font-size:clamp(2.35rem,11.5vw,3.45rem);line-height:1.25}.hero-copy>p{font-size:.86rem}.hero-actions .button{width:100%}.hero-media{min-height:295px;padding:14px}.hero-image-wrap{width:100%;border-radius:17px}.hero-image-wrap img{aspect-ratio:1.22/1}.hero-sticker{left:26px;bottom:26px;padding:7px 10px}.hero-proof span{font-size:.67rem}.hero-rail article{min-height:66px}.scroll-cue{font-size:.72rem}
  .landing-story{padding:74px 0}.story-panel{border-radius:20px}.story-panel-main{min-height:360px}.story-panel-copy{min-height:250px}.story-panel-product{min-height:300px}.story-heading p{font-size:.84rem}
  .category-card{border-radius:21px}.category-visual{border-radius:16px}.gift-card{padding:28px 20px;border-radius:23px}.gift-copy h2{font-size:2.15rem}.gift-art{height:270px}.gift-art img{border-radius:17px}
}

@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important;animation:none!important}}

:focus-visible{outline:3px solid var(--yellow);outline-offset:3px}

/* Landing-led storefront refresh */
.hero-section{position:relative;min-height:780px;padding:68px 0 35px;background:
  radial-gradient(circle at 10% 8%,rgba(255,145,161,.55),transparent 25%),
  radial-gradient(circle at 88% 78%,rgba(114,217,201,.38),transparent 28%),
  linear-gradient(138deg,#8174f2 0%,#664fd0 54%,#4f36b6 100%);border-bottom:0;overflow:hidden}
.hero-section::after{display:none}
.hero-glow{position:absolute;display:block;border:1px solid rgba(255,255,255,.28);border-radius:50%;pointer-events:none}
.hero-glow-one{width:440px;height:440px;top:-220px;left:-100px;box-shadow:0 0 90px rgba(255,255,255,.1)}
.hero-glow-two{width:560px;height:560px;right:-250px;bottom:-280px;border-width:55px;opacity:.35}
.hero-word{position:absolute;left:2%;top:46%;color:rgba(255,255,255,.08);font-family:Arial,sans-serif;font-size:clamp(4rem,10vw,10rem);font-weight:900;letter-spacing:.04em;transform:rotate(-90deg) translateX(-25%);transform-origin:left center;white-space:nowrap;pointer-events:none}
.hero-shell{position:relative;z-index:2}
.hero-showcase{display:grid;grid-template-columns:1.02fr .98fr;grid-template-areas:"media copy" "rail rail";overflow:hidden;background:#fffdf8;border:2px solid var(--ink);border-radius:42px;box-shadow:0 32px 75px rgba(26,16,66,.3),12px 13px 0 rgba(255,215,95,.94)}
.hero-copy{grid-area:copy;max-width:none;padding:72px 62px 48px 44px;align-self:center;text-align:right}
.hero-copy h1{margin:20px 0 19px;font-size:clamp(3.2rem,5.7vw,5.35rem);line-height:1.11;letter-spacing:-.055em;font-weight:900}
.hero-copy h1 em{display:inline-block;color:var(--violet);font-style:normal;white-space:normal}
.hero-copy h1 em::after{height:11px;bottom:2px}
.hero-copy>p{max-width:520px;margin:0;color:#655b6c;font-size:1rem;line-height:2}
.hero-copy .eyebrow{font-size:.78rem}
.hero-actions{margin-top:27px}
.hero-proof{display:flex;align-items:center;gap:0;margin-top:38px;border-top:1px solid var(--line);padding-top:20px}
.hero-proof span{display:flex;align-items:center;gap:7px;padding:0 18px;color:var(--muted);font-size:.78rem;border-left:1px solid var(--line)}
.hero-proof span:first-child{padding-right:0}.hero-proof span:last-child{border-left:0}
.hero-proof b{color:var(--ink);font-size:1rem}
.hero-media{grid-area:media;position:relative;min-height:510px;padding:42px 32px 24px;display:grid;place-items:center;background:linear-gradient(145deg,#f0eaff 0%,#ddd2ff 100%);overflow:hidden;direction:ltr}
.hero-media::before{content:"";position:absolute;width:410px;height:410px;border:2px solid rgba(48,35,62,.14);border-radius:50% 45% 55% 48%;transform:rotate(18deg)}
.hero-media::after{content:"";position:absolute;left:-70px;bottom:-95px;width:240px;height:240px;background:var(--mint);border-radius:50%;opacity:.9}
.hero-image-wrap{position:relative;z-index:2;width:95%;margin:0;overflow:hidden;background:#fff;border:2px solid var(--ink);border-radius:48% 52% 44% 56% / 54% 45% 55% 46%;box-shadow:12px 15px 0 var(--coral);transform:none}
.hero-image-wrap img{width:100%;aspect-ratio:1.1/1;object-fit:cover;object-position:62% center;transform:scale(1.06)}
.hero-sticker{position:absolute;z-index:4;left:38px;bottom:40px;width:93px;height:93px;display:flex;flex-direction:column;align-items:center;justify-content:center;background:var(--yellow);border:2px solid var(--ink);border-radius:50% 47% 53% 45%;box-shadow:5px 5px 0 var(--ink);transform:rotate(8deg);line-height:1}
.hero-sticker small{font-size:.72rem;margin-bottom:7px;direction:rtl}.hero-sticker strong{font-size:1.15rem;font-family:Arial,sans-serif}
.hero-orbit{position:absolute;z-index:1;display:block;border:2px dashed rgba(48,35,62,.28);border-radius:50%}.orbit-one{width:495px;height:355px;transform:rotate(-16deg)}.orbit-two{width:350px;height:475px;transform:rotate(32deg)}
.hero-doodle{position:absolute;z-index:5;display:grid;place-items:center;color:var(--ink);font-family:Arial,sans-serif}.doodle-star{right:28px;top:26px;width:64px;height:64px;background:var(--yellow);border:2px solid var(--ink);border-radius:20px;box-shadow:4px 5px 0 var(--ink);font-size:1.7rem;transform:rotate(11deg)}.doodle-heart{right:30px;bottom:44px;width:55px;height:55px;background:#fff;border:2px solid var(--ink);border-radius:50%;box-shadow:4px 5px 0 var(--ink);color:var(--coral);font-size:1.8rem;transform:rotate(-8deg)}
.hero-rail{grid-area:rail;display:grid;grid-template-columns:repeat(3,1fr);background:var(--ink);color:#fff;border-top:2px solid var(--ink)}
.hero-rail article{display:flex;align-items:center;justify-content:center;gap:14px;min-height:92px;padding:18px 26px;border-left:1px solid rgba(255,255,255,.16)}
.hero-rail article:last-child{border-left:0}.hero-rail article>span{display:grid;place-items:center;width:37px;height:37px;flex:none;background:var(--yellow);color:var(--ink);border-radius:12px;font-family:Arial,sans-serif;font-size:.75rem;font-weight:900;transform:rotate(-4deg)}
.hero-rail article>div{display:flex;flex-direction:column}.hero-rail strong{font-size:.82rem}.hero-rail small{color:#cfc4d5;font-size:.75rem}
.scroll-cue{width:max-content;display:flex;align-items:center;gap:10px;margin:29px auto 0;color:#fff;font-size:.78rem;font-weight:700}.scroll-cue i{width:34px;height:34px;display:grid;place-items:center;border:1px solid rgba(255,255,255,.5);border-radius:50%;font-style:normal}

.landing-story{padding:110px 0;background:#241a2f;color:#fff}
.story-heading{display:grid;grid-template-columns:.7fr 1.25fr 1fr;align-items:end;gap:38px;margin-bottom:45px}
.story-heading>span{align-self:start;color:var(--mint);font-size:.8rem;font-weight:900}.story-heading h2{margin:0;font-size:clamp(2.2rem,4vw,4.15rem);line-height:1.35;letter-spacing:-.05em}.story-heading p{margin:0;color:#c6bacb;font-size:.88rem;line-height:2}
.story-grid{display:grid;grid-template-columns:repeat(12,1fr);grid-template-rows:310px 245px;gap:18px}
.story-panel{position:relative;overflow:hidden;border:1px solid rgba(255,255,255,.16);border-radius:30px}
.story-panel-main{grid-column:1/8;grid-row:1/3;background:#fff}
.story-panel-main::after{content:"";position:absolute;inset:30% 0 0;background:linear-gradient(to top,rgba(24,14,34,.92),transparent)}
.story-panel-main img{width:100%;height:100%;object-fit:cover;object-position:60% center}
.story-panel-main>div{position:absolute;z-index:2;right:32px;bottom:29px;left:32px}.story-panel-main span{color:var(--yellow);font-family:Arial,sans-serif;font-size:.72rem;font-weight:900;letter-spacing:.08em}.story-panel-main h3{max-width:520px;margin:7px 0 14px;font-size:1.55rem;line-height:1.55}.story-panel-main a{display:inline-flex;align-items:center;gap:8px;border-bottom:1px solid rgba(255,255,255,.7);font-size:.78rem;font-weight:900}.story-panel-main svg{width:18px}
.story-panel-copy{grid-column:8/13;grid-row:1/2;display:flex;flex-direction:column;justify-content:space-between;background:var(--yellow);color:var(--ink);padding:29px}.story-index{position:absolute;left:25px;top:22px;font-family:Arial,sans-serif;font-size:.76rem;font-weight:900}.story-panel-copy small{display:block;margin-bottom:10px;color:#74601b;font-size:.75rem;font-weight:900}.story-panel-copy h3{max-width:440px;margin:0;font-size:1.32rem;line-height:1.7}.story-scribble{align-self:flex-end;color:rgba(48,35,62,.45);font-family:Arial,sans-serif;font-size:1.1rem;font-weight:900;line-height:1.1;transform:rotate(-5deg);text-align:left;direction:ltr}
.story-panel-product{grid-row:2/3;background:#fff;color:var(--ink)}.story-panel-notebook{grid-column:8/11}.story-panel-pens{grid-column:11/13}.story-panel-product img{width:100%;height:100%;object-fit:cover;transition:transform .45s}.story-panel-product:hover img{transform:scale(1.05)}.story-panel-product>div{position:absolute;right:12px;bottom:12px;left:12px;display:flex;flex-direction:column;padding:12px 14px;background:rgba(255,255,255,.9);border:1px solid rgba(48,35,62,.12);border-radius:15px;backdrop-filter:blur(8px)}.story-panel-product span{color:var(--violet);font-size:.68rem;font-weight:900}.story-panel-product strong{font-size:.74rem}

.categories-section{background:#fffdf8}
.category-grid{gap:20px}
.category-card{position:relative;min-height:380px;display:block;padding:9px;background:#fff;border:1px solid var(--line);border-radius:28px;text-align:right;box-shadow:0 12px 32px rgba(57,39,72,.07);overflow:hidden;transition:transform .25s,box-shadow .25s;cursor:pointer}
.category-card::after{display:none}.category-card:hover{transform:translateY(-8px);box-shadow:0 22px 44px rgba(57,39,72,.13)}
.category-visual{position:relative;display:block;height:252px;overflow:hidden;border-radius:21px}
.category-visual img{width:100%;height:100%;object-fit:cover;transition:transform .45s}.category-card:hover .category-visual img{transform:scale(1.055)}
.category-visual i{position:absolute;top:13px;left:13px;padding:6px 11px;background:rgba(255,255,255,.88);border:1px solid rgba(48,35,62,.12);border-radius:999px;font-size:.72rem;font-style:normal;font-weight:900;backdrop-filter:blur(7px)}
.category-copy{position:relative;z-index:2;display:grid!important;grid-template-columns:1fr auto;grid-template-areas:"small small" "title action";align-items:end;padding:17px 11px 10px}
.category-copy small{grid-area:small;color:var(--muted)!important;font-size:.72rem!important}.category-copy strong{grid-area:title;margin-top:1px;font-size:1.05rem!important}.category-copy b{grid-area:action;display:inline-flex;align-items:center;gap:4px;color:var(--violet);font-size:.72rem}.category-copy svg{width:16px;height:16px}
.category-lilac,.category-coral,.category-yellow,.category-mint{background:#fff}
.products-section{padding-top:110px;background:linear-gradient(#f8f3fc,#fffdf8)}

@media (max-width:1080px){
  .hero-section{min-height:0}.hero-showcase{grid-template-columns:1fr 1fr}.hero-copy{padding:55px 36px 42px 28px}.hero-media{min-height:470px}.hero-copy h1{font-size:clamp(3rem,5vw,4.2rem)}.hero-word{display:none}
  .story-heading{grid-template-columns:.6fr 1.4fr}.story-heading p{grid-column:1/-1;max-width:660px}.story-grid{grid-template-rows:290px 230px}.category-card{min-height:340px}.category-visual{height:220px}
}

@media (max-width:820px){
  .hero-section{padding-top:42px}.hero-showcase{grid-template-columns:1fr;grid-template-areas:"copy" "media" "rail"}.hero-copy{padding:48px 34px 38px;text-align:center}.hero-copy>p{margin-inline:auto}.hero-actions,.hero-proof{justify-content:center}.hero-media{min-height:470px}.hero-image-wrap{width:min(92%,560px)}.hero-rail article{padding-inline:14px}.hero-rail small{display:none}
  .story-heading{display:block;text-align:center}.story-heading>span{display:block;margin-bottom:10px}.story-heading p{max-width:620px;margin:15px auto 0}.story-grid{grid-template-columns:1fr 1fr;grid-template-rows:auto}.story-panel-main{grid-column:1/-1;grid-row:auto;min-height:470px}.story-panel-copy{grid-column:1/-1;grid-row:auto;min-height:260px}.story-panel-notebook,.story-panel-pens{grid-column:auto;grid-row:auto;min-height:270px}
  .category-card{min-height:350px}.category-visual{height:230px}
}

@media (max-width:560px){
  .hero-section{padding:24px 0 28px}.hero-showcase{border-radius:27px;box-shadow:0 22px 52px rgba(26,16,66,.28),7px 8px 0 rgba(255,215,95,.94)}.hero-copy{padding:38px 20px 34px}.hero-copy h1{font-size:clamp(2.55rem,13vw,3.8rem)}.hero-copy>p{font-size:.88rem}.hero-copy .eyebrow{font-size:.7rem}.hero-actions{gap:16px}.hero-proof{margin-top:34px;align-items:stretch}.hero-proof span{padding-inline:10px;flex-direction:column;gap:0;font-size:.7rem}.hero-media{min-height:355px;padding:30px 15px}.hero-media::before{width:300px;height:300px}.hero-media::after{width:170px;height:170px}.hero-image-wrap{width:94%;border-radius:45% 55% 44% 56% / 54% 45% 55% 46%;box-shadow:7px 8px 0 var(--coral)}.hero-image-wrap img{aspect-ratio:1.08/1}.hero-sticker{left:15px;bottom:24px;width:72px;height:72px;box-shadow:3px 3px 0 var(--ink)}.hero-sticker small{font-size:.62rem}.hero-sticker strong{font-size:.9rem}.doodle-star{right:10px;top:15px;width:48px;height:48px;border-radius:15px;font-size:1.2rem}.doodle-heart{right:11px;bottom:24px;width:43px;height:43px;font-size:1.25rem}.hero-rail{grid-template-columns:1fr}.hero-rail article{min-height:65px;justify-content:flex-start;padding:12px 22px;border-left:0;border-bottom:1px solid rgba(255,255,255,.14)}.hero-rail article:last-child{border-bottom:0}.hero-rail small{display:block}.scroll-cue{margin-top:22px}
  .landing-story{padding:76px 0}.story-heading h2{font-size:2.35rem}.story-heading p{font-size:.8rem}.story-grid{grid-template-columns:1fr;gap:13px}.story-panel{border-radius:23px}.story-panel-main{min-height:390px}.story-panel-main>div{right:21px;bottom:21px;left:21px}.story-panel-main h3{font-size:1.2rem}.story-panel-copy{min-height:270px;padding:23px}.story-panel-copy h3{font-size:1.1rem}.story-panel-notebook,.story-panel-pens{grid-column:auto;min-height:310px}.story-panel-product strong{font-size:.78rem}
  .category-grid{grid-template-columns:1fr}.category-card{min-height:0;padding:8px;border-radius:24px}.category-visual{height:auto;aspect-ratio:1.28/1;border-radius:18px}.category-copy{padding:15px 10px 9px}.category-copy strong{font-size:1rem!important}.products-section{padding-top:82px}
}

/* Final cascade lock for the modern glass direction */
.hero-section{min-height:820px;padding:56px 0 34px;background:radial-gradient(circle at 12% 14%,rgba(139,213,231,.36),transparent 27%),radial-gradient(circle at 88% 82%,rgba(255,122,118,.25),transparent 29%),linear-gradient(137deg,#24185c 0%,#5346c8 50%,#7774e9 100%)}
.hero-glow-one{width:520px;height:520px;top:-300px;left:-120px}.hero-glow-two{width:600px;height:600px;right:-270px;bottom:-360px;border-width:1px}.hero-word{color:rgba(255,255,255,.045);font-weight:700;letter-spacing:.14em}
.hero-showcase{grid-template-columns:1.03fr .97fr;grid-template-areas:"bar bar" "media copy" "rail rail";background:rgba(255,255,255,.105);border:1px solid rgba(255,255,255,.3);border-radius:34px;box-shadow:0 40px 95px rgba(12,8,43,.34),inset 0 1px 0 rgba(255,255,255,.28);-webkit-backdrop-filter:blur(28px) saturate(125%);backdrop-filter:blur(28px) saturate(125%)}
.hero-copy{padding:67px 56px 50px 42px;color:#fff}.hero-copy h1{margin:22px 0 21px;color:#fff;font-size:clamp(3.1rem,5.4vw,5.1rem);font-weight:700;line-height:1.17}.hero-copy h1 em{color:var(--yellow);font-weight:300}.hero-copy h1 em::after{display:none}.hero-copy>p{max-width:525px;color:rgba(246,244,255,.79);font-size:1rem;line-height:2.05}.hero-copy .eyebrow{background:rgba(255,255,255,.1);color:#f3f1ff;border-color:rgba(255,255,255,.2);box-shadow:none}
.hero-proof{margin-top:37px;border-color:rgba(255,255,255,.16)}.hero-proof span{color:rgba(255,255,255,.63);border-color:rgba(255,255,255,.18)}.hero-proof b{color:#fff}
.hero-media{min-height:525px;padding:38px;background:rgba(8,7,31,.08);border-left:1px solid rgba(255,255,255,.13)}.hero-media::before,.hero-media::after,.hero-orbit,.hero-doodle{display:none}.hero-image-wrap{width:100%;border:1px solid rgba(255,255,255,.32);border-radius:24px;box-shadow:0 28px 65px rgba(12,8,43,.32);transform:none}.hero-image-wrap img{aspect-ratio:1.22/1;object-position:center;transform:none;filter:saturate(.9) contrast(1.02)}
.hero-sticker{left:56px;bottom:55px;width:auto;height:auto;flex-direction:row;gap:9px;padding:9px 13px;background:rgba(255,255,255,.17);color:#fff;border:1px solid rgba(255,255,255,.35);border-radius:999px;box-shadow:0 12px 30px rgba(15,11,48,.2);transform:none}.hero-sticker small{margin:0}.hero-sticker strong{font-size:.72rem;color:var(--yellow)}
.hero-rail{background:rgba(10,8,35,.38);border-top:1px solid rgba(255,255,255,.15)}.hero-rail article>span{background:rgba(255,255,255,.09);color:var(--yellow);border:1px solid rgba(255,255,255,.2);border-radius:10px;transform:none}.hero-rail small{color:rgba(255,255,255,.59)}
.landing-story{padding:112px 0;background:radial-gradient(circle at 14% 30%,rgba(98,86,232,.16),transparent 28%),linear-gradient(145deg,#111221,#17182d 64%,#202044)}.story-heading>span{color:var(--yellow)}.story-heading h2{font-weight:300}.story-heading p{color:#aaaabd;font-size:.92rem}.story-grid{gap:16px}.story-panel{border-radius:25px}.story-panel-main{background:rgba(255,255,255,.08)}.story-panel-main::after{background:linear-gradient(to top,rgba(10,10,28,.94),rgba(10,10,28,.06) 72%)}.story-panel-main img{object-position:center;filter:saturate(.82)}.story-panel-copy{background:linear-gradient(145deg,rgba(112,99,238,.9),rgba(72,59,183,.82));color:#fff;padding:32px}.story-panel-copy small{color:var(--yellow)}.story-scribble{color:rgba(255,255,255,.34);font-size:.88rem;transform:none}.story-panel-product{background:rgba(255,255,255,.08);color:#fff}.story-panel-product img{filter:saturate(.72)}.story-panel-product>div{background:rgba(18,18,39,.68);color:#fff;border-color:rgba(255,255,255,.18)}.story-panel-product span{color:var(--yellow)}
.categories-section{background:linear-gradient(180deg,#f5f6fa,#eceef5)}.category-grid{gap:18px}.category-card{min-height:370px;padding:8px;background:rgba(255,255,255,.64);border:1px solid rgba(255,255,255,.92);border-radius:25px;box-shadow:0 18px 48px rgba(38,31,77,.08),inset 0 1px 0 #fff}.category-card:hover{transform:translateY(-7px);box-shadow:0 25px 56px rgba(38,31,77,.14)}.category-visual{height:250px;border-radius:20px}.category-visual img{filter:saturate(.78)}
.products-section{padding-top:108px;background:linear-gradient(180deg,#eceef5,#f8f8fb)}

@media (max-width:1080px){.hero-section{min-height:0}.hero-showcase{grid-template-columns:1fr 1fr}.hero-copy{padding:54px 35px 45px 30px}.hero-media{min-height:470px;padding:27px}.category-card{min-height:340px}.category-visual{height:220px}}
@media (max-width:820px){.hero-section{padding-top:38px}.hero-showcase{grid-template-columns:1fr;grid-template-areas:"bar" "copy" "media" "rail"}.hero-copy{padding:48px 34px 40px}.hero-media{width:auto;min-height:450px;padding:27px;border-left:0;border-top:1px solid rgba(255,255,255,.13)}.hero-image-wrap{width:min(94%,620px)}.hero-sticker{left:8%;bottom:46px}.landing-story{padding:112px 0}.gift-art{display:grid}}
@media (max-width:560px){.hero-section{padding:22px 0 27px}.hero-showcase{border-radius:24px;box-shadow:0 28px 65px rgba(12,8,43,.3),inset 0 1px 0 rgba(255,255,255,.25)}.hero-copy{padding:34px 18px 33px}.hero-copy h1{font-size:clamp(2.35rem,11.5vw,3.45rem);line-height:1.25}.hero-copy>p{font-size:.86rem}.hero-media{width:auto;min-height:295px;padding:14px}.hero-image-wrap{width:100%;border-radius:17px;box-shadow:0 20px 48px rgba(12,8,43,.28)}.hero-image-wrap img{aspect-ratio:1.22/1}.hero-sticker{left:26px;bottom:26px;width:auto;height:auto;padding:7px 10px;box-shadow:0 10px 24px rgba(12,8,43,.2)}.hero-sticker strong{font-size:.68rem}.landing-story{padding:74px 0}.story-panel{border-radius:20px}.story-panel-copy{padding:23px}.category-card{min-height:0;border-radius:21px}.category-visual{height:auto;border-radius:16px}.gift-art{display:grid}}