:root{
  --ink:#153c3a;--cream:#fffdf4;--paper:#fff2d3;--sand:#edd9b5;
  --rust:#ff5f3f;--saffron:#ffd44f;--leaf:#087f76;--night:#075d58;
  --pink:#ff93ad;--sky:#75dce0;--muted:#56716e;
  --shadow:0 26px 70px -32px rgba(15,87,82,.42)
}
body{background:radial-gradient(circle at 7% 17%,rgba(255,212,79,.22),transparent 16rem),radial-gradient(circle at 96% 40%,rgba(117,220,224,.18),transparent 21rem),var(--cream)}
.topbar{min-height:32px;display:grid;place-items:center;padding:7px 16px;color:#fff;background:linear-gradient(90deg,#ff5f3f,#ff7b46 48%,#ff5f3f);font-size:10px;line-height:1.4;font-weight:850;letter-spacing:.18em;text-align:center}
.site-header{background:rgba(255,253,244,.94);box-shadow:0 9px 28px rgba(8,127,118,.08)}
.desktop-nav{display:flex!important;gap:36px!important;align-items:center;flex:1}
.desktop-nav a{font-size:16px!important;font-weight:780!important;letter-spacing:.01em}
.mobile-menu-button,.site-header .mobile-nav{display:none}
.brand-mark{width:58px;height:58px;flex:0 0 58px;color:var(--ink);background:var(--saffron);font-family:"Apple Color Emoji","Segoe UI Emoji",sans-serif;font-size:34px;line-height:1;box-shadow:inset 0 0 0 3px rgba(255,255,255,.82),0 7px 20px rgba(255,95,63,.2)}
.desktop-nav a{position:relative}.desktop-nav a::after{content:"";position:absolute;left:0;right:100%;bottom:-7px;height:3px;border-radius:3px;background:var(--rust);transition:.25s}.desktop-nav a:hover::after{right:0}
.language select{background:#fff;border:1px solid rgba(8,127,118,.23)}.cart-button{background:var(--leaf);box-shadow:0 8px 18px rgba(8,127,118,.18)}
.hero{min-height:660px;background:radial-gradient(circle at 12% 12%,rgba(255,255,255,.92),transparent 14rem),linear-gradient(135deg,#fff4ad 0%,#ffd881 38%,#ffac9d 100%);border:1px solid rgba(255,95,63,.15);box-shadow:0 36px 90px -54px rgba(255,95,63,.72)}
.hero-copy{position:relative;z-index:3;padding:72px 58px}.sun-label{display:inline-flex;align-items:center;gap:10px;margin-bottom:19px;font-size:11px;letter-spacing:.18em}.sun-label span{width:10px;height:10px;border-radius:50%;background:var(--rust);box-shadow:0 0 0 6px rgba(255,95,63,.14)}
.hero h1{color:#123f3c;text-wrap:balance;text-shadow:0 2px rgba(255,255,255,.3)}.hero-lead{color:#365f5c;font-weight:520}.hero .btn.primary{background:var(--leaf);box-shadow:0 13px 28px rgba(8,127,118,.25);transition:.25s}.hero .btn.primary:hover{transform:translateY(-2px);background:#056e67}.hero .text-link{border-color:#153c3a}.trust-row span{padding:8px 11px;border-radius:999px;background:rgba(255,255,255,.55);backdrop-filter:blur(5px)}
.hero-visual{position:relative;min-height:660px;overflow:hidden;isolation:isolate}.hero-sun{position:absolute;width:510px;height:510px;border-radius:50%;right:-45px;top:68px;background:rgba(255,212,79,.8);box-shadow:0 0 0 34px rgba(255,255,255,.16)}
.hero-main-photo{position:absolute;z-index:2;inset:45px 54px 51px 62px;margin:0;border:9px solid rgba(255,255,255,.92);border-radius:190px 190px 28px 28px;overflow:hidden;box-shadow:0 30px 55px -24px rgba(17,58,55,.5);transform:rotate(2deg)}.hero-main-photo img,.hero-small-photo img{width:100%;height:100%;object-fit:cover;display:block}
.hero-small-photo{position:absolute;z-index:4;width:155px;height:155px;left:8px;bottom:47px;margin:0;border:7px solid #fff;border-radius:50%;overflow:hidden;box-shadow:0 18px 35px rgba(21,60,58,.25)}
.hero-stamp{z-index:5;left:auto;right:18px;bottom:30px;width:142px;height:142px;background:var(--rust);color:#fff;border:4px solid rgba(255,255,255,.75);box-shadow:0 15px 30px rgba(113,43,28,.26)}.hero-stamp strong{color:var(--saffron)}
.hero-note{position:absolute;z-index:6;left:28px;top:38px;display:flex;align-items:center;gap:8px;background:#fff;padding:10px 14px;border-radius:999px;box-shadow:0 10px 28px rgba(21,60,58,.14);font-size:11px}.hero-note span{display:grid;place-items:center;width:26px;height:26px;border-radius:50%;background:var(--saffron);color:var(--rust)}
.hero-leaf{position:absolute;z-index:1;color:var(--leaf);font-size:110px;line-height:1;transform:rotate(45deg);opacity:.92}.leaf-one{right:-25px;top:-24px}.leaf-two{left:-24px;bottom:8px;color:var(--pink)}
.marquee{margin-top:22px;background:linear-gradient(90deg,var(--leaf),#0ba394);color:#fff;border-color:#064d49;font-family:Inter,sans-serif;font-weight:750}.marquee i{color:var(--saffron)}
.collections{position:relative}.collections::before{content:"SUNSHINE";position:absolute;right:12px;top:-34px;color:rgba(255,95,63,.055);font:900 clamp(70px,11vw,150px)/1 Inter,sans-serif;letter-spacing:-.06em;pointer-events:none}.collection-grid{gap:18px}.collection-grid button{min-height:345px;border:5px solid #fff;box-shadow:var(--shadow);transition:.28s}.collection-grid button:nth-child(1){transform:rotate(-1deg)}.collection-grid button:nth-child(2){margin-top:27px}.collection-grid button:nth-child(3){transform:rotate(1deg)}.collection-grid button:nth-child(4){margin-top:27px}.collection-grid button::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 45%,rgba(3,55,51,.56));pointer-events:none}.collection-grid span{z-index:2;inset:auto 16px 16px;color:#fff;background:var(--rust);box-shadow:0 8px 20px rgba(117,44,28,.2)}
.tourist-benefits{max-width:1240px;margin:-22px auto 105px;padding:0 20px;display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.tourist-benefits article{display:flex;gap:16px;align-items:flex-start;padding:22px;border-radius:20px;border:1px solid rgba(8,127,118,.15);background:rgba(255,255,255,.78);box-shadow:0 13px 35px -27px rgba(21,60,58,.4)}.tourist-benefits article>span{display:grid;place-items:center;flex:0 0 43px;height:43px;border-radius:14px;background:var(--saffron);color:var(--ink);font-weight:900}.tourist-benefits article:nth-child(2)>span{background:var(--sky)}.tourist-benefits article:nth-child(3)>span{background:var(--pink)}.tourist-benefits h3{margin:1px 0 6px;font:650 18px Georgia,serif}.tourist-benefits p{margin:0;color:var(--muted);font-size:13px;line-height:1.5}
.filters button{background:#fff;border-color:rgba(8,127,118,.18)}.filters button.active{background:var(--rust);border-color:var(--rust);box-shadow:0 8px 18px rgba(255,95,63,.2)}
.product{padding:7px 7px 0;border-radius:26px;background:#fff;box-shadow:0 20px 48px -38px rgba(6,79,74,.5);transition:.28s}.product:hover{transform:translateY(-5px);box-shadow:0 25px 55px -32px rgba(6,79,74,.45)}.product-image{border-radius:20px;background:var(--paper)}.badge{color:var(--ink);background:var(--saffron);box-shadow:0 4px 10px rgba(21,60,58,.12)}.product-category{color:var(--leaf)}.add{background:var(--rust);transition:.2s}.add:hover{background:var(--leaf)}
.delivery{position:relative;overflow:hidden;background:linear-gradient(135deg,#087f76,#075d58);box-shadow:0 35px 70px -45px rgba(7,93,88,.85)}.delivery::after{content:"☀";position:absolute;right:-45px;bottom:-100px;color:rgba(255,212,79,.16);font-size:300px;line-height:1}.delivery>div,.delivery ol{position:relative;z-index:2}.delivery li>b{color:var(--saffron)}.delivery li:nth-child(2)>b{color:var(--pink)}.delivery li:nth-child(3)>b{color:var(--sky)}
footer{background:#ffedc2;border-top:5px solid var(--saffron)}
.checkout-page{background:linear-gradient(145deg,#fff4bc,#ffd8cb 55%,#bdebe3)}.checkout-card{box-shadow:0 30px 70px -45px rgba(8,127,118,.55);border-color:rgba(8,127,118,.15)}.checkout-summary-pane{background:linear-gradient(160deg,#ffe99b,#ffcdb6)}.success-wrap{background:linear-gradient(145deg,#fff2a5,#ffc6b6 55%,#aee8df)}.success-card{border-color:rgba(8,127,118,.16)}
@media(max-width:900px){
  .desktop-nav{display:none!important}
  .mobile-menu-button{display:flex;width:54px;height:45px;flex:0 0 54px;align-items:center;justify-content:center;gap:5px;padding:0;border:0;border-radius:15px;background:var(--saffron);color:var(--ink);cursor:pointer;box-shadow:0 7px 18px rgba(255,95,63,.15)}
  .menu-elephant{font-family:"Apple Color Emoji","Segoe UI Emoji",sans-serif;font-size:29px;line-height:1;transform:scale(1.08)}.menu-lines{display:grid;gap:3px}.menu-lines i{display:block;width:12px;height:2px;border-radius:2px;background:var(--ink);transition:.22s}
  .site-header.menu-open .menu-lines i:nth-child(1){transform:translateY(5px) rotate(45deg)}.site-header.menu-open .menu-lines i:nth-child(2){opacity:0}.site-header.menu-open .menu-lines i:nth-child(3){transform:translateY(-5px) rotate(-45deg)}
  .site-header .mobile-nav{position:absolute;top:100%;left:12px;right:12px;z-index:60;display:grid!important;gap:5px;padding:12px;border:1px solid rgba(8,127,118,.16);border-radius:0 0 22px 22px;background:rgba(255,253,244,.98);box-shadow:0 24px 40px -24px rgba(7,93,88,.42);transform:translateY(-12px);opacity:0;visibility:hidden;pointer-events:none;transition:.22s}
  .site-header.menu-open .mobile-nav{transform:translateY(0);opacity:1;visibility:visible;pointer-events:auto}
  .mobile-nav a{display:grid;grid-template-columns:42px 1fr;align-items:center;gap:9px;padding:12px;border-radius:14px;color:var(--ink)}.mobile-nav a:hover,.mobile-nav a:focus{background:var(--paper)}.mobile-nav a span{display:grid;place-items:center;width:38px;height:38px;border-radius:12px;background:var(--rust);color:#fff;font-size:11px;font-weight:850}.mobile-nav a:nth-child(2) span{background:var(--leaf)}.mobile-nav a:nth-child(3) span{background:#e3aa19;color:var(--ink)}.mobile-nav a b{font:650 22px Georgia,serif}
  .hero-visual{min-height:570px}.hero-main-photo{inset:32px 62px 42px 75px}.tourist-benefits{grid-template-columns:1fr;margin-top:0}
}
@media(max-width:560px){.topbar{font-size:9px;letter-spacing:.12em}.site-header{gap:9px}.site-header>.brand .brand-mark{display:none}.site-header>.brand b{font-size:13px}.hero{margin-top:10px;border-radius:26px}.hero-copy{padding:40px 20px 34px}.hero-visual{min-height:440px}.hero-main-photo{inset:20px 30px 35px 44px;border-width:6px;border-radius:130px 130px 22px 22px}.hero-small-photo{width:105px;height:105px;left:8px;bottom:25px;border-width:5px}.hero-stamp{width:108px;height:108px;right:10px;bottom:18px;padding:12px}.hero-stamp strong{font-size:21px}.hero-stamp span{font-size:9px}.hero-note{left:12px;top:12px}.collection-grid button{min-height:235px;border-width:3px}.collection-grid button:nth-child(n){margin-top:0}.tourist-benefits{padding:0 14px;margin-bottom:72px}.product{padding:5px 5px 0}}