/* SECTION 01 / Original coded recreation. No PNG/JPG/WebP, raster crops,
 * CSS image backgrounds, SVG <image>, or icon fonts are used in this section.
 * Every visual element is HTML, CSS or inline hand-authored SVG.
 * Class names are scoped s1-* for safe WooCommerce/WordPress integration. */
:root{--s1-navy:#09253f;--s1-ink:#0a2944;--s1-teal:#009e9d;--s1-coral:#ff5c51;--s1-purple:#66319d;--s1-offwhite:#fffaf7;--s1-font:'Inter Display','Inter',Arial,sans-serif}
.s1-site,.s1-site *, .s1-site *::before,.s1-site *::after{box-sizing:border-box}
html{scroll-behavior:smooth}body{margin:0;background:#fff;color:var(--s1-navy);font-family:var(--s1-font);-webkit-font-smoothing:antialiased}button,input{font:inherit}a{color:inherit}.s1-sr{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.s1-site{width:100%;overflow:clip}
/* Announcement strip */
.s1-utility{background:linear-gradient(105deg,#6733a0 0%,#7538af 57%,#6632a3 100%);color:#fff;min-height:40px}
.s1-utility__inner{min-height:40px;max-width:1600px;margin:auto;padding:0 clamp(24px,4.55vw,66px);display:flex;align-items:center;justify-content:space-between;gap:13px}
.s1-perks{display:flex;align-items:center;min-width:0;gap:0}
.s1-perk{display:inline-flex;align-items:center;gap:7px;font-size:clamp(9px,.96vw,14px);font-weight:650;line-height:1.1;white-space:nowrap;color:#fff;text-decoration:none;padding:0 clamp(12px,1.7vw,24px);border-right:1px solid #ffffff65;min-width:0}
.s1-perk:first-child{padding-left:0}.s1-perk:last-child{border-right:0}
.s1-perk svg{width:clamp(15px,1.75vw,23px);height:clamp(15px,1.75vw,23px);flex-shrink:0;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linejoin:round;stroke-linecap:round}
.s1-adult{display:flex;align-items:center;gap:10px;flex-shrink:0;font-size:clamp(8px,.86vw,13px);font-weight:650;line-height:1.12}
.s1-adult__seal{width:36px;height:36px;border-radius:50%;flex:0 0 36px;background:linear-gradient(135deg,#ff793f,#ff4d60);color:#fff;font-size:17px;font-weight:850;display:grid;place-items:center}
/* Navigation */
.s1-header{position:relative;z-index:30;background:#fff}
.s1-header__inner{max-width:1600px;margin:auto;min-height:60px;padding:0 clamp(24px,4.55vw,66px);display:flex;align-items:center;justify-content:space-between;gap:clamp(10px,2.1vw,30px)}
.s1-brand{position:relative;display:inline-flex;align-items:baseline;gap:5px;white-space:nowrap;text-decoration:none;font-weight:900;letter-spacing:-.07em;line-height:1;flex-shrink:0}
.s1-brand__iqos{color:#029e9c;font-size:clamp(24px,3.25vw,42px);letter-spacing:-.095em}
.s1-brand__dubai{color:#0a2643;font-size:clamp(21px,2.82vw,37px);letter-spacing:-.065em}
.s1-brand__spark{position:absolute;left:calc(100% + 2px);top:-8px;width:19px;height:32px}
.s1-brand__spark i{display:block;position:absolute;background:#ff603c;border-radius:3px;width:3px;height:9px}
.s1-brand__spark i:nth-child(1){transform:rotate(-2deg);left:3px;top:0}
.s1-brand__spark i:nth-child(2){transform:rotate(45deg);left:12px;top:6px}
.s1-brand__spark i:nth-child(3){transform:rotate(87deg);left:14px;top:17px}
.s1-brand__spark i:nth-child(4){transform:rotate(112deg);left:12px;top:29px}
.s1-nav{display:flex;align-items:center;gap:clamp(16px,2.45vw,42px);margin-inline:auto;font-size:clamp(10px,1.15vw,16px);font-weight:740;white-space:nowrap}
.s1-nav a{text-decoration:none}.s1-nav a:hover{color:var(--s1-teal)}
.s1-header__actions{display:flex;align-items:center;gap:clamp(10px,1.65vw,26px)}
.s1-search{display:flex;align-items:center;border:1px solid #e2e6eb;border-radius:32px;background:#f8f9fb;height:33px;width:clamp(170px,23.6vw,355px);padding:0 9px 0 15px;box-shadow:0 1px 2px #001a2a0b inset}
.s1-search input{border:0;outline:0;min-width:0;width:100%;font-size:clamp(8px,.96vw,12px);color:#132a43;background:transparent}
.s1-search input::placeholder{color:#667281;opacity:1}
.s1-search button{background:none;border:0;cursor:pointer;width:24px;height:24px;flex-shrink:0;padding:2px;display:grid;place-items:center;color:#102c48}
.s1-search svg,.s1-icon-button svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.s1-icon-button{padding:0;border:0;background:none;text-decoration:none;color:#0b2b46;display:grid;place-items:center;width:23px;height:29px;cursor:pointer;position:relative;flex:0 0 auto}
.s1-cart__count{position:absolute;top:-6px;right:-8px;width:16px;height:16px;border-radius:50%;display:grid;place-items:center;background:#ff5d40;color:#fff;font-weight:850;font-size:9px}
.s1-menu-button,.s1-search-mobile,.s1-mobile-menu,.s1-mobile-search{display:none}
.s1-mobile-menu[hidden],.s1-mobile-search[hidden]{display:none!important}
/* Hero */
.s1-hero{position:relative;isolation:isolate;min-height:365px;height:38.79vw;max-height:572px;background:#fffbf8;overflow:hidden}
.s1-hero__texture{position:absolute;inset:0;pointer-events:none;z-index:-1;background:radial-gradient(ellipse 60% 84% at 5% 85%,#fff3ed 0%,#fffaf7 70%,transparent),radial-gradient(ellipse 61% 94% at 92% 5%,#fff8f2 12%,transparent 80%)}
.s1-hero__content{position:absolute;z-index:10;left:clamp(24px,4.55vw,66px);top:4.5%;width:44.6%;height:92%;display:flex;flex-direction:column;align-items:flex-start}
.s1-hero__eyebrow{margin:0 0 5px;color:#ff5a42;font-size:clamp(10px,1.38vw,19px);line-height:1.23;letter-spacing:.065em;font-weight:850}
.s1-hero__title{position:relative;margin:0;font-size:clamp(40px,5.85vw,78px);line-height:.88;font-weight:950;letter-spacing:-.062em;white-space:nowrap;color:var(--s1-navy);filter:drop-shadow(0 1px 0 #0c274312)}
.s1-hero__title>span{display:block;transform-origin:left center;transform:rotate(-1.4deg)}
.s1-hero__title>span:nth-child(2){transform:rotate(-1.9deg);margin-top:1px}
.s1-hero__title>span:nth-child(3){transform:rotate(-2deg);margin-top:5px;letter-spacing:-.067em}
.s1-hero__title em,.s1-hero__title strong,.s1-hero__title b{font-style:normal;font-weight:950}
.s1-hero__title em{color:#00a2a3}.s1-hero__title strong{color:#ff5a51}.s1-hero__title b{color:var(--s1-navy)}
.s1-hero__description{font-size:clamp(11px,1.37vw,19px);line-height:1.44;margin:14px 0 11px;max-width:92%;letter-spacing:-.015em;font-weight:450}
.s1-hero__cta{position:relative;flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;gap:20px;padding:0 clamp(25px,3.2vw,49px);height:clamp(40px,4.5vw,64px);background:#ff5d53;color:#fff;border-radius:100px;text-decoration:none;font-size:clamp(15px,1.6vw,22px);font-weight:760;box-shadow:0 2px 0 rgba(200,70,70,.07);transition:background .18s,transform .18s}
.s1-hero__cta:hover{background:#e94e45;transform:translateY(-2px)}
.s1-hero__cta svg{width:18px;height:18px;stroke:#fff;stroke-width:2;fill:none;stroke-linecap:round;stroke-linejoin:round}
.s1-hero__features{display:grid;grid-template-columns:1.24fr .97fr .98fr 1.06fr;gap:8px;width:100%;margin-top:auto;padding-bottom:4px}
.s1-feature{display:flex;align-items:center;min-width:0;gap:clamp(4px,.6vw,9px);font-size:clamp(8px,1.09vw,15px);font-weight:660;line-height:1.17;letter-spacing:-.03em;color:#0b2942}
.s1-feature svg{width:clamp(24px,3.15vw,44px);height:clamp(24px,3.15vw,44px);flex:0 0 auto;fill:none;stroke:#07334c;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
/* Illustration stage, always semantic scalable vector art; never <img> */
.s1-hero__art{position:absolute;right:0;bottom:0;width:58.5%;height:100%;pointer-events:none}
.s1-scene{display:block;width:100%;height:100%;overflow:visible}
.s1-sticker--new{position:absolute;left:5.3%;top:6%;width:clamp(77px,10.1vw,146px);aspect-ratio:1;display:grid;place-content:center;text-align:center;background:#daff4c;border-radius:48% 52% 50% 46%;color:#102941;font-family:'Comic Neue','Purisa',cursive;font-size:clamp(22px,2.65vw,40px);font-weight:800;letter-spacing:-.065em;line-height:.9;transform:rotate(-14deg);box-shadow:0 0 0 4px #ffffff33}
.s1-handdrawn--ticks{position:absolute;left:15%;top:34%;width:49px;height:52px;transform:rotate(-3deg)}
.s1-handdrawn--ticks i{position:absolute;display:block;border-radius:10px;background:#131c5f;width:5px;height:33px}
.s1-handdrawn--ticks i:nth-child(1){transform:rotate(-56deg);left:4px;top:14px}
.s1-handdrawn--ticks i:nth-child(2){transform:rotate(-26deg);left:29px;top:0}
.s1-handdrawn--ticks i:nth-child(3){transform:rotate(-83deg);left:1px;top:42px}
.s1-handdrawn--motto{position:absolute;right:2.2%;top:3%;margin:0;text-align:center;font-family:'Comic Neue','Purisa',cursive;font-size:clamp(17px,2.05vw,29px);font-weight:850;line-height:1.05;letter-spacing:-.055em;color:#10265c;transform:rotate(-11deg)}
.s1-handdrawn__swoop{font-size:1.8em;display:block;text-align:right;transform:rotate(-17deg) translate(-6px,-2px);line-height:.7}
/* Focus/keyboard support */
.s1-site a:focus-visible,.s1-site button:focus-visible,.s1-site input:focus-visible{outline:3px solid #ff653b;outline-offset:3px}
@media (min-width:1450px){.s1-hero__content{top:5.2%}.s1-hero__description{margin-top:20px;margin-bottom:22px}.s1-hero__features{padding-bottom:12px}}
@media (max-width:1100px){
  .s1-perk{padding-inline:10px;font-size:clamp(8px,.98vw,12px)}.s1-header__inner{gap:15px}.s1-nav{gap:18px}
  .s1-hero__title{font-size:5.85vw}.s1-hero__content{width:46.2%}.s1-hero__description{max-width:89%}
}
@media (max-width:900px){
 .s1-utility__inner{padding-inline:22px}.s1-perk--auth{display:none}.s1-perk{font-size:10px}
 .s1-header__inner{padding:0 24px;min-height:65px;gap:17px}
 .s1-menu-button,.s1-search-mobile{display:grid}.s1-nav,.s1-search{display:none}
 .s1-brand{margin-right:auto}.s1-brand__iqos{font-size:30px}.s1-brand__dubai{font-size:27px}
 .s1-header__actions{gap:18px}
 .s1-mobile-menu{position:absolute;left:0;right:0;top:100%;display:flex;flex-direction:column;padding:10px 24px 18px;background:#fff;box-shadow:0 18px 23px #071c2f2d}
 .s1-mobile-menu a{font-weight:750;text-decoration:none;padding:13px 0;border-bottom:1px solid #eef0f3}
 .s1-mobile-search{position:absolute;left:0;right:0;top:100%;background:#fff;padding:18px 24px;box-shadow:0 17px 23px #071c2f21;gap:9px}
 .s1-mobile-search:not([hidden]){display:flex}
 .s1-mobile-search input{border:1px solid #cad9da;border-radius:8px;padding:12px;min-width:0;flex:1}.s1-mobile-search button{background:#ff5d53;color:#fff;border:0;border-radius:8px;padding:12px 15px;font-weight:700}
 .s1-hero{height:auto;min-height:0;display:flex;flex-direction:column;overflow:hidden;max-height:none}
 .s1-hero__content{position:relative;left:auto;top:auto;width:100%;height:auto;padding:32px 5% 0;z-index:5}
 .s1-hero__eyebrow{font-size:clamp(12px,1.6vw,16px);margin-bottom:12px}
 .s1-hero__title{font-size:clamp(46px,7.2vw,64px)}
 .s1-hero__description{font-size:clamp(14px,2vw,17px);margin:18px 0 18px;max-width:490px}
 .s1-hero__cta{height:52px;font-size:17px;padding-inline:33px}
 .s1-hero__features{order:2;grid-template-columns:repeat(4,minmax(0,1fr));margin-top:4px;margin-bottom:0;padding:14px 0 18px;max-width:720px}
 .s1-feature{font-size:clamp(10px,1.65vw,14px);gap:8px}.s1-feature svg{width:30px;height:30px}
 .s1-hero__art{order:1;position:relative;width:100%;height:min(58vw,480px);min-height:335px;right:auto;bottom:auto;margin-top:-6px}
 .s1-sticker--new{width:clamp(95px,14vw,130px);left:16%;top:3%;font-size:30px}
 .s1-handdrawn--motto{right:5%;font-size:clamp(20px,3vw,28px)}
 .s1-handdrawn--ticks{left:26%;top:31%}
}
@media (max-width:600px){
 .s1-utility__inner{min-height:36px;padding-inline:14px}.s1-utility{min-height:36px}
 .s1-perks .s1-perk:not(.s1-perk--delivery){display:none}
 .s1-perk{font-size:10px;padding:0}.s1-perk svg{width:19px;height:19px}
 .s1-adult{font-size:8px;gap:6px}.s1-adult__seal{width:29px;height:29px;flex-basis:29px;font-size:14px}
 .s1-header__inner{min-height:64px;padding-inline:16px;gap:10px}
 .s1-brand__iqos{font-size:clamp(22px,6vw,30px)}.s1-brand__dubai{font-size:clamp(20px,5.3vw,27px)}
 .s1-brand__spark{transform:scale(.65);transform-origin:left top;top:-4px}
 .s1-account{display:none}.s1-header__actions{gap:14px}
 .s1-hero__content{padding:27px 20px 0;text-align:left}
 .s1-hero__eyebrow{font-size:clamp(11px,3vw,14px);margin-bottom:12px}
 .s1-hero__title{font-size:clamp(34px,8.6vw,55px);letter-spacing:-.069em}
 .s1-hero__title>span:nth-child(3){margin-top:8px}
 .s1-hero__description{font-size:clamp(13px,3.4vw,16px);line-height:1.4;margin-top:17px;margin-bottom:16px;max-width:470px}
 .s1-hero__cta{height:49px;font-size:17px;padding:0 32px;gap:15px}
 .s1-hero__art{height:min(86vw,430px);min-height:290px;margin-top:8px;width:112%;margin-left:-6%;max-width:none}
 .s1-sticker--new{width:clamp(70px,18vw,100px);left:13%;top:8%;font-size:clamp(19px,5.2vw,27px)}
 .s1-handdrawn--motto{right:9%;top:2%;font-size:clamp(14px,4vw,21px)}
 .s1-handdrawn--ticks{left:22%;top:34%;transform:scale(.7)}
 .s1-hero__features{width:100%;max-width:none;padding:12px 19px 22px;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 15px}
 .s1-feature{font-size:clamp(11px,2.9vw,14px)}.s1-feature svg{width:32px;height:32px}
}
@media (max-width:375px){
  .s1-brand__iqos{font-size:22px}.s1-brand__dubai{font-size:20px}.s1-brand{gap:3px}
  .s1-header__actions{gap:10px}.s1-icon-button svg{width:20px;height:20px}
  .s1-hero__content{padding-left:14px;padding-right:14px}
  .s1-hero__title{font-size:8.4vw}.s1-hero__description{font-size:13px}
  .s1-hero__art{min-height:270px}.s1-hero__features{padding-inline:14px}
}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.s1-hero__cta{transition:none}}