/* E-commerce storefront layout inspired by large Qatar gift-shop navigation. */
.site-header{height:auto;padding:0 clamp(22px,5vw,76px);display:block;background:#fff;position:sticky;top:0;z-index:30;box-shadow:0 2px 10px rgba(33,27,70,.06);backdrop-filter:none}
.header-main{height:82px;max-width:1440px;margin:auto;display:grid;grid-template-columns:220px minmax(260px,590px) 220px;align-items:center;justify-content:space-between;gap:28px}
.brand{min-width:0}.brand img{width:46px;height:56px}.brand-text strong{font-size:18px}
.site-search{height:43px;width:100%;border:1px solid #e8e5ed;background:#f8f7fa;border-radius:7px;display:flex;align-items:center;overflow:hidden}
.site-search:focus-within{border-color:var(--purple);box-shadow:0 0 0 3px rgba(118,82,189,.08)}
.site-search input{flex:1;min-width:0;border:0;outline:0;background:transparent;padding:0 14px;color:var(--ink);font-size:12px}
.site-search input::placeholder{color:#9691a2}.site-search button{width:46px;height:100%;border:0;background:transparent;color:var(--ink);font-size:24px;line-height:1}
.header-actions{display:flex;align-items:center;justify-content:flex-end;gap:20px}.market-chip{display:flex;flex-direction:column;line-height:1.25}.market-chip small{font-size:8px;letter-spacing:.12em;color:#888295}.market-chip strong{font-size:11px}.cart-trigger{border-color:#e4dfeb;padding:8px 9px 8px 12px}.cart-trigger .bag-icon{font-size:16px}
.main-nav{height:46px;max-width:1440px;margin:auto;display:flex;align-items:center;justify-content:center;gap:clamp(20px,4vw,54px);border-top:1px solid #f1eef2;font-size:11px;font-weight:700;color:#4b4662}.main-nav a{height:100%;display:flex;align-items:center;white-space:nowrap;border-bottom:2px solid transparent}.main-nav a:hover{border-color:var(--pink);color:var(--ink)}
.home-slider{height:410px;max-width:1440px;margin:22px auto 0;position:relative;overflow:hidden;border-radius:11px;background:#eee9f6}
.hero-slide{position:absolute;inset:0;display:flex;align-items:center;padding:45px 8%;opacity:0;visibility:hidden;transition:opacity .55s,visibility .55s;background:linear-gradient(90deg,#f1ebfa 0%,#f1ebfa 41%,rgba(241,235,250,.82) 52%,rgba(241,235,250,0) 75%)}
.hero-slide.active{opacity:1;visibility:visible}.slide-image{position:absolute;right:0;top:0;width:62%;height:100%;object-fit:cover;object-position:center 43%;z-index:1;mask-image:linear-gradient(90deg,transparent 0%,#000 25%)}
.hero-slide:nth-child(2){background:linear-gradient(90deg,#fff3f6 0%,#fff3f6 40%,rgba(255,243,246,.78) 55%,rgba(255,243,246,0) 75%)}.hero-slide:nth-child(3){background:linear-gradient(90deg,#eff9f7 0%,#eff9f7 40%,rgba(239,249,247,.8) 54%,rgba(239,249,247,0) 75%)}
.slide-copy{position:relative;z-index:2;max-width:455px}.slide-kicker{font-size:9px;font-weight:800;letter-spacing:.16em;color:var(--pink-deep)}.slide-copy h1{font-family:var(--round);font-size:clamp(43px,5vw,66px);line-height:.98;letter-spacing:-.06em;margin:16px 0 12px}.slide-copy h1 em{font-style:normal;color:var(--pink)}.slide-copy p{font-size:13px;color:#6e6982;max-width:360px;line-height:1.8;margin:0 0 22px}.slide-copy .button{padding:13px 18px;gap:18px}.slider-arrow{position:absolute;z-index:4;top:50%;transform:translateY(-50%);width:36px;height:36px;border:1px solid rgba(37,32,79,.18);border-radius:50%;background:rgba(255,255,255,.86);color:var(--ink);font-size:25px;line-height:20px;box-shadow:0 3px 12px #30254f14}.slider-arrow:hover{background:#fff}.slider-arrow.prev{left:15px}.slider-arrow.next{right:15px}.slider-dots{position:absolute;z-index:4;left:50%;bottom:17px;display:flex;gap:7px;transform:translateX(-50%)}.slider-dots button{width:7px;height:7px;border:0;border-radius:99px;padding:0;background:#b4b0be;transition:width .2s,background .2s}.slider-dots button.active{width:22px;background:var(--purple)}
.store-promise{max-width:1280px;margin:0 auto;padding:18px 24px;display:flex;justify-content:center;align-items:center;gap:clamp(15px,4vw,50px);font-size:10px;font-weight:700;color:#615c75;border-bottom:1px solid #eee9ed}.store-promise i{font-style:normal;color:var(--pink);font-size:11px}
.browse-section{max-width:1300px;margin:auto;padding:48px 30px 10px}.browse-heading{display:flex;align-items:end;justify-content:space-between;margin-bottom:22px}.browse-heading h2{font-family:var(--round);font-size:29px;line-height:1.1;letter-spacing:-.04em;margin:8px 0 0}.browse-heading .eyebrow{font-size:9px}.section-link{font-size:10px;font-weight:700;border-bottom:1px solid #d4cfde;padding:0 0 4px}.section-link span{color:var(--pink);margin-left:5px}.occasion-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.occasion-card{min-height:142px;position:relative;display:flex;flex-direction:column;justify-content:end;overflow:hidden;border-radius:8px;background:#ddd;padding:15px;color:#fff}.occasion-card:after{content:"";position:absolute;inset:20% 0 0;background:linear-gradient(transparent,rgba(22,16,48,.72))}.occasion-card img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .4s}.occasion-card:hover img{transform:scale(1.06)}.occasion-card span,.occasion-card small{position:relative;z-index:1}.occasion-card span{font-family:var(--round);font-size:16px;font-weight:900;line-height:1.2}.occasion-card small{font-size:9px;color:#f0edf4;margin-top:3px}
.category-section{padding-top:48px;padding-bottom:36px}.category-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.category-tile{min-width:0;display:flex;align-items:center;gap:13px;padding:10px;border:1px solid #eee9ef;border-radius:9px;background:#fff;transition:box-shadow .2s,transform .2s}.category-tile:hover{box-shadow:0 8px 20px rgba(37,32,79,.09);transform:translateY(-2px)}.category-photo{display:block;width:64px;height:64px;border-radius:50%;overflow:hidden;background:#f7eff4;flex:none}.category-photo img{width:100%;height:100%;object-fit:cover}.category-tile strong{font-family:var(--round);font-size:12px;display:block;line-height:1.3}.category-tile small{display:block;margin-top:3px;font-size:9px;color:#898497;line-height:1.4}
.shop-section{max-width:1300px;padding:54px 30px 72px;margin:auto;background:#fff;border-top:1px solid #f0edf1}.section-heading h2{font-size:38px}.section-heading>p{font-size:11px}.filters{margin:25px 0 11px}.result-summary{font-size:10px;color:#878294;margin:0 0 13px}.product-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:17px}.product-card{border-radius:8px;box-shadow:none;border-color:#ece9ee}.product-card:hover{box-shadow:0 8px 24px rgba(46,35,75,.1)}.product-image{height:218px}.made-tag{border-radius:3px;font-size:7px}.product-info{padding:13px}.product-info h3{font-size:16px}.product-info>p{font-size:10px;min-height:31px}.product-category{font-size:7px}.personalize-label{font-size:9px}.personalize-input{padding:7px 8px;font-size:10px}.add-button{border-radius:5px;padding:9px 10px;font-size:10px}.price-note{margin-top:20px}.no-results{grid-column:1/-1;text-align:center;padding:50px 20px;color:#79748a}.no-results>span{font-size:40px;color:var(--pink)}.no-results h3{font-family:var(--round);color:var(--ink);margin:6px}.no-results p{font-size:11px}
.party-section{max-width:1300px;margin:0 auto 50px;min-height:370px;border-radius:10px}.party-image{min-height:370px}.party-copy{padding:45px clamp(30px,5vw,66px)}.party-copy h2{font-size:clamp(35px,4vw,48px)}.how-section{padding-top:58px;padding-bottom:55px}.how-section>h2{font-size:36px;margin:12px 0 32px}.steps{gap:20px}.steps h3{font-size:18px}.about-note{margin-top:35px}.site-footer{max-width:none}
@media(max-width:900px){.site-header{padding:0 22px}.header-main{grid-template-columns:190px minmax(200px,1fr) 175px;gap:16px}.market-chip{display:none}.main-nav{gap:24px}.home-slider{margin:17px 18px 0;height:360px}.hero-slide{padding:35px 8%}.slide-copy h1{font-size:53px}.browse-section,.shop-section{padding-left:22px;padding-right:22px}.category-grid{grid-template-columns:repeat(2,1fr)}.party-section{margin-left:18px;margin-right:18px}.product-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:620px){.site-header{padding:0 13px}.header-main{height:auto;min-height:72px;grid-template-columns:1fr auto;gap:9px;padding:8px 0}.brand img{width:38px;height:47px}.brand-text strong{font-size:15px}.site-search{grid-column:1/-1;grid-row:2;height:39px}.header-actions{grid-column:2;grid-row:1}.main-nav{height:41px;justify-content:flex-start;overflow:auto;gap:22px}.main-nav a{font-size:10px}.home-slider{height:350px;margin:12px 10px 0;border-radius:8px}.hero-slide{align-items:end;padding:0 24px 45px;background:linear-gradient(0deg,#f1ebfa 0%,rgba(241,235,250,.95) 38%,rgba(241,235,250,.2) 100%)}.hero-slide:nth-child(2){background:linear-gradient(0deg,#fff3f6 0%,rgba(255,243,246,.95) 38%,rgba(255,243,246,.2) 100%)}.hero-slide:nth-child(3){background:linear-gradient(0deg,#eff9f7 0%,rgba(239,249,247,.95) 38%,rgba(239,249,247,.2) 100%)}.slide-image{width:100%;height:100%;object-position:center 38%;mask-image:linear-gradient(180deg,#000 5%,rgba(0,0,0,.48) 48%,transparent 74%)}.slide-copy{max-width:100%}.slide-copy h1{font-size:43px;margin:8px 0}.slide-copy p{font-size:11px;max-width:290px;margin-bottom:13px}.slide-kicker{font-size:8px}.slide-copy .button{padding:10px 14px;font-size:10px}.slider-arrow{width:30px;height:30px;top:45%}.slider-arrow.prev{left:8px}.slider-arrow.next{right:8px}.slider-dots{bottom:11px}.store-promise{justify-content:flex-start;overflow:auto;white-space:nowrap;padding:12px 16px;font-size:9px;gap:12px}.store-promise i{font-size:9px}.browse-section{padding:33px 15px 8px}.browse-heading{margin-bottom:15px}.browse-heading h2{font-size:24px}.browse-heading .eyebrow{font-size:8px}.section-link{font-size:9px;white-space:nowrap}.occasion-grid{grid-template-columns:repeat(2,1fr);gap:9px}.occasion-card{min-height:120px;padding:11px}.occasion-card span{font-size:14px}.category-section{padding-top:36px;padding-bottom:27px}.category-grid{gap:8px}.category-tile{padding:7px;gap:8px;border-radius:7px}.category-photo{width:45px;height:45px}.category-tile strong{font-size:10px}.category-tile small{font-size:8px}.shop-section{padding:37px 14px 50px}.section-heading{gap:9px}.section-heading h2{font-size:30px}.section-heading>p{font-size:10px}.filters{margin:19px 0 9px;gap:6px}.filter{padding:7px 11px;font-size:9px}.result-summary{font-size:9px}.product-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}.product-image{height:clamp(145px,48vw,205px)}.product-info{padding:10px}.product-info h3{font-size:14px}.product-info>p{font-size:9px;min-height:42px}.product-price{font-size:11px}.product-price small{font-size:8px}.party-section{margin:0 10px 30px;grid-template-columns:1fr}.party-image{min-height:250px}.party-copy{padding:32px 22px 38px}.party-copy h2{font-size:37px}.party-copy>p{font-size:11px}.party-facts{margin:18px 0 12px}.how-section{padding:37px 17px 35px}.how-section>h2{font-size:29px;margin-bottom:20px}.steps{gap:0}.steps article{padding:13px 0}.steps h3{font-size:16px}.steps p{font-size:10px}.about-note{margin-top:20px}.site-footer{padding:18px 15px}}

/* Larger logo, consistent Poppins typography and touch-friendly product galleries. */
.brand img{width:66px;height:70px}
.brand-text strong{font-size:21px}
.brand-text small{font-size:11px}
.header-main{grid-template-columns:250px minmax(260px,590px) 220px}
.main-nav{font-size:12px}
.site-search input{font-size:13px}
.market-chip strong{font-size:12px}
.cart-trigger{font-size:13px}
.home-slider{box-shadow:0 12px 34px rgba(33,27,70,.08)}
.browse-heading h2{font-size:32px}
.category-tile strong{font-size:13px}
.category-tile small{font-size:10px}
.section-heading>p{font-size:13px}
.filter{font-size:12px}
.result-summary,.product-price small{font-size:11px}
.product-image{touch-action:pan-y;user-select:none;-webkit-user-select:none}
.product-photo{display:block;pointer-events:none}
.gallery-arrow{position:absolute;z-index:3;top:50%;transform:translateY(-50%);width:30px;height:30px;border:0;border-radius:50%;background:rgba(255,255,255,.94);color:var(--ink);font-size:21px;line-height:1;box-shadow:0 2px 9px #20194728;opacity:.88}
.gallery-arrow:hover{background:#fff;opacity:1}
.gallery-prev{left:9px}.gallery-next{right:9px}
.gallery-dots{position:absolute;z-index:3;left:50%;bottom:11px;display:flex;gap:5px;transform:translateX(-50%);padding:5px 7px;border-radius:99px;background:rgba(30,24,56,.35)}
.gallery-dot{width:6px;height:6px;padding:0;border:0;border-radius:99px;background:rgba(255,255,255,.7);transition:width .2s,background .2s}
.gallery-dot.active{width:16px;background:#fff}
.made-tag{z-index:2;top:10px;left:10px;font-size:8px}
.quick-add{z-index:4;width:39px;height:39px}
.product-info h3{font-size:18px;line-height:1.3}
.product-info>p{font-size:12px;min-height:38px;line-height:1.65}
.product-category{font-size:9px}
.personalize-label{font-size:11px}
.personalize-input{font-size:12px;padding:9px 10px}
.add-button{font-size:12px;padding:11px 12px}
.price-note,.steps p,.about-note p,.site-footer{font-size:12px}
@media(max-width:900px){.header-main{grid-template-columns:210px minmax(200px,1fr) 175px}.brand img{width:60px;height:64px}}
@media(max-width:620px){.header-main{grid-template-columns:1fr auto}.brand img{width:54px;height:58px}.brand-text strong{font-size:17px}.brand-text small{font-size:10px}.main-nav a{font-size:11px}.slide-copy p{font-size:12px}.slide-kicker{font-size:9px}.slide-copy .button{font-size:11px}.store-promise{font-size:10px}.browse-heading h2{font-size:26px}.browse-heading .eyebrow{font-size:9px}.category-tile strong{font-size:11px}.category-tile small{font-size:9px}.filter{font-size:10px}.result-summary{font-size:10px}.product-info h3{font-size:15px}.product-info>p{font-size:10px;min-height:43px}.product-category{font-size:8px}.product-price{font-size:12px}.product-price small{font-size:9px}.personalize-label{font-size:10px}.personalize-input{font-size:11px}.add-button{font-size:11px}.steps p{font-size:11px}}

/* Full-width menu band in a soft brand-matched lavender. */
.site-header{padding-inline:0}
.header-main{padding-inline:clamp(22px,5vw,76px)}
.main-nav{max-width:none;margin:0;height:48px;padding:0 clamp(22px,5vw,76px);background:#F6F1FA;border-top:1px solid #EEE8F5;border-bottom:1px solid #E7DEEF;color:#25204F;font-size:12px;font-weight:600}
.main-nav a{font-weight:600}
.main-nav a:hover{font-weight:700}
@media(max-width:620px){.site-header{padding:0}.header-main{padding:8px 13px}.main-nav{height:41px;padding:0 13px;justify-content:flex-start;overflow:auto;gap:22px}.main-nav a{font-size:11px}}
