*{box-sizing:border-box} :root{--ink:#090909;--muted:#777;--line:#e8e8e8;--paper:#f6f6f4;--accent:#171717}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#101010;background:#fff}a{color:inherit;text-decoration:none}button,input,select{font:inherit}button,select{cursor:pointer}.top{height:76px;padding:0 6vw;background:#080808;color:white;display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;z-index:10}.logo{display:flex;align-items:center;gap:12px;font-size:27px;font-weight:800;letter-spacing:-1.5px}.logo-word{white-space:nowrap}.logo-dot{color:#aaa}.reseller-logo{display:block;width:150px;height:62px;object-fit:contain;object-position:center;border-radius:4px;image-rendering:auto;flex:0 0 auto}.official-status{display:inline-flex;align-items:center;border:1px solid #555;border-radius:999px;padding:7px 10px;color:#f1f1f1;font-size:10px;letter-spacing:.2px}@media(max-width:600px){.logo{gap:7px;font-size:24px}.reseller-logo{width:94px;height:40px}.official-status{font-size:9px;padding:6px 8px}}.top nav{display:flex;gap:30px;font-size:13px;color:#d5d5d5}.headright{display:flex;align-items:center;gap:12px}.headright select{background:#171717;color:white;border:1px solid #333;border-radius:10px;padding:10px}.cartbtn{background:white;color:#111;border:0;border-radius:999px;padding:11px 15px;font-weight:650}.cartbtn b{background:#111;color:white;border-radius:99px;padding:3px 7px;margin-left:5px}.hero{min-height:560px;background:#080808;color:#fff;padding:80px 10vw 65px;display:grid;grid-template-columns:1fr 1fr;align-items:center;overflow:hidden}.eyebrow{font-size:10px;letter-spacing:2px;font-weight:800;color:#8b8b8b;margin:0 0 18px}.herotext h1{font-size:clamp(48px,6vw,80px);line-height:.99;letter-spacing:-5px;margin:0 0 22px}.herotext h1 em{font-style:normal;color:#a8a8a8}.herotext>p:not(.eyebrow){max-width:440px;color:#bdbdbd;line-height:1.7}.primary{display:inline-flex;align-items:center;justify-content:center;gap:24px;background:#101010;color:white;border:0;border-radius:999px;padding:15px 22px;font-weight:700;margin-top:18px;cursor:pointer}.hero .primary{background:white;color:#111}.trust{display:flex;gap:18px;flex-wrap:wrap;font-size:11px;color:#aaa;margin-top:35px}.heroart{height:365px;position:relative;display:flex;align-items:center;justify-content:center;perspective:900px}.phone{position:absolute;width:155px;height:305px;border-radius:34px;border:5px solid #6c6c6c;background:linear-gradient(145deg,#333,#050505);box-shadow:0 35px 75px #0009}.phone.back{transform:rotate(-15deg) translate(-45px,0);background:linear-gradient(145deg,#888,#343434)}.phone.front{transform:rotate(12deg) translate(45px,0);background:linear-gradient(145deg,#252525,#030303);border-color:#555}.camera{position:absolute;width:42px;height:42px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#777 0 8%,#1c2835 15% 42%,#090b0e 45%);border:4px solid #242424}.c1{top:18px;left:17px}.c2{top:68px;left:17px}.c3{top:18px;left:68px}.island{position:absolute;top:10px;left:50%;transform:translateX(-50%);width:65px;height:18px;border-radius:12px;background:#000}.orb{position:absolute;width:280px;height:280px;border-radius:50%;background:#fff0;box-shadow:0 0 110px #fff1;z-index:-0}.catalog{padding:88px 6vw}.sectionhead{display:flex;justify-content:space-between;align-items:end;gap:20px}.sectionhead h2,.advantages h2,.contact h2{font-size:clamp(30px,4vw,45px);letter-spacing:-2px;margin:0 0 12px}.muted{color:var(--muted);font-size:13px;line-height:1.6}.countnote{font-size:12px;color:#777}.tools{display:flex;gap:10px;margin:30px 0 22px}.tools input,.tools select{border:1px solid var(--line);border-radius:12px;background:#fafafa;padding:13px 15px;color:#111}.tools input{flex:1;min-width:140px}.grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.card{border:1px solid #eee;border-radius:20px;overflow:hidden;background:#fff;transition:transform .2s,box-shadow .2s}.card:hover{transform:translateY(-3px);box-shadow:0 15px 40px #0000,0 10px 30px #00008}.visual{height:230px;background:linear-gradient(145deg,#f7f7f7,#ededeb);display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;cursor:pointer}.device{width:112px;height:200px;border:4px solid #6c6c6c;border-radius:26px;background:linear-gradient(135deg,var(--tone,#777),#171717 75%);box-shadow:0 20px 30px #0002;position:relative;transform:rotate(-5deg);transition:filter .2s}.device:before{content:"";position:absolute;top:10px;left:10px;width:36px;height:36px;border-radius:12px;background:#111;border:2px solid #555;box-shadow:18px 0 #111,0 18px #111,18px 18px #111}.device:after{content:"";position:absolute;top:17px;left:17px;width:8px;height:8px;border-radius:50%;background:#27384b;box-shadow:18px 0 #27384b,0 18px #27384b,18px 18px #27384b}.device.front{transform:rotate(5deg);background:linear-gradient(145deg,#333,#050505)}.device.front:before{top:8px;left:35px;width:35px;height:10px;border-radius:8px;background:#000;border:0;box-shadow:none}.device.front:after{display:none}.realphoto{width:100%;height:100%;object-fit:contain;mix-blend-mode:multiply}.cardbody{padding:17px}.cardtitle{font-weight:750;font-size:16px;margin:0 0 5px}.carddesc{font-size:11px;color:#888;margin-bottom:13px}.price{font-size:23px;font-weight:800;letter-spacing:-.8px}.oldprice{font-size:12px;color:#999;text-decoration:line-through;margin-left:7px}.tag{display:inline-block;background:#f0f0f0;border-radius:6px;padding:5px 7px;font-size:9px;margin-bottom:10px;color:#555}.cardactions{display:flex;gap:8px;margin-top:15px}.cardactions button{flex:1;padding:11px 8px;border:1px solid #ddd;border-radius:10px;background:white;font-size:11px;font-weight:700}.cardactions .add{background:#111;color:#fff;border-color:#111}.cardactions .add.added{background:#177647;border-color:#177647}.fine{font-size:10px;color:#888;margin-top:10px}.advantages{background:#f5f5f3;padding:75px 6vw;display:grid;grid-template-columns:1.2fr repeat(3,1fr);gap:25px}.advantages article{border-left:1px solid #ddd;padding-left:20px}.advantages article b{font-size:11px;color:#999}.advantages h3{font-size:16px}.advantages article p,.contact p{font-size:13px;line-height:1.7;color:#777}.contact{padding:80px 6vw;text-align:center}.contact>a{display:inline-block;margin-top:12px;font-weight:700}footer{background:#080808;color:#aaa;padding:30px 6vw;display:flex;align-items:center;justify-content:space-between;gap:20px;font-size:11px}.overlay{display:none;position:fixed;inset:0;background:#0009;z-index:20;align-items:center;justify-content:center;padding:18px}.overlay.open{display:flex}.dialog{position:relative;background:#fff;border-radius:22px;width:min(570px,100%);max-height:92vh;overflow:auto;padding:28px}.cartdialog{width:min(640px,100%)}.formdialog{width:min(520px,100%)}.x{position:absolute;right:16px;top:12px;border:0;background:#eee;border-radius:50%;width:35px;height:35px;font-size:24px}.detail-layout{display:grid;grid-template-columns: .9fr 1fr;gap:22px;padding-top:18px}.detailvisual{min-height:270px;border-radius:15px;background:#f5f5f5;display:flex;align-items:center;justify-content:center}.detailvisual .device{width:125px;height:230px}.detail h2,.dialog h2{font-size:27px;letter-spacing:-1px;margin:5px 0 8px}.picklabel{display:block;font-size:12px;font-weight:700;margin:18px 0 8px}.chips{display:flex;gap:7px;flex-wrap:wrap}.chip{border:1px solid #ddd;background:#fff;border-radius:9px;padding:9px 11px;font-size:11px}.chip.active{border-color:#111;box-shadow:inset 0 0 0 1px #111}.swatch{width:22px;height:22px;border-radius:50%;border:2px solid white;box-shadow:0 0 0 1px #ccc;display:inline-block;vertical-align:middle;margin-right:5px}.full{width:100%}.cartrow{display:grid;grid-template-columns:1fr auto;gap:12px;border-bottom:1px solid #eee;padding:14px 0}.cartrow strong{font-size:13px}.cartrow small{display:block;color:#888;margin-top:5px}.remove{border:0;background:transparent;color:#777}.total{display:flex;justify-content:space-between;align-items:center;margin-top:18px}.total b{font-size:24px}.cartfoot{padding-top:8px}.fields{display:grid;grid-template-columns:1fr 1fr;gap:12px}form label{display:block;font-size:12px;font-weight:650;margin:14px 0}form input:not([type=checkbox]){display:block;width:100%;padding:13px;border:1px solid #ddd;border-radius:10px;margin-top:7px;font-weight:400}.consent{display:flex!important;align-items:flex-start;gap:8px;font-weight:400!important;line-height:1.5}.small{font-size:10px}.error{color:#b42318;font-size:12px}.successicon{display:grid;place-items:center;background:#e4f6e9;color:#167443;width:55px;height:55px;border-radius:50%;font-size:27px;margin-bottom:20px}[hidden]{display:none!important}@media(max-width:1000px){.grid{grid-template-columns:repeat(3,minmax(0,1fr))}.advantages{grid-template-columns:repeat(2,1fr)}.hero{padding-left:7vw;padding-right:7vw}}@media(max-width:680px){.top{height:64px;padding:0 16px}.top nav{display:none}.logo{font-size:24px}.headright{gap:7px}.cartbtn{font-size:11px;padding:10px}.hero{grid-template-columns:1fr;padding:55px 22px 35px;min-height:auto}.herotext h1{font-size:57px;letter-spacing:-3px}.heroart{height:270px;margin-top:12px}.phone{transform:scale(.8)}.phone.back{transform:scale(.8) rotate(-15deg) translate(-30px,0)}.phone.front{transform:scale(.8) rotate(12deg) translate(30px,0)}.catalog{padding:55px 15px}.sectionhead{display:block}.countnote{display:block;margin-top:10px}.tools{flex-wrap:wrap}.tools input{flex-basis:100%}.tools select{flex:1;min-width:0;font-size:11px;padding:12px 8px}.grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.visual{height:170px}.device{transform:scale(.78) rotate(-5deg)}.cardbody{padding:12px}.cardtitle{font-size:13px}.price{font-size:19px}.oldprice{display:block;margin:4px 0}.cardactions{flex-direction:column;gap:6px}.cardactions button{padding:10px}.advantages{grid-template-columns:1fr;padding:50px 22px}.advantages article{padding-bottom:10px}.contact{padding:55px 20px}footer{align-items:flex-start;flex-direction:column}.detail-layout{grid-template-columns:1fr}.detailvisual{min-height:220px}.dialog{padding:22px 17px}.fields{grid-template-columns:1fr}.trust{gap:10px;font-size:10px}}
/* Motion and feedback polish */
:root{--ease:cubic-bezier(.22,.8,.22,1)}
button,a,.chip,.card,.dialog,.overlay,.cartbtn,.device{transition:transform .28s var(--ease),opacity .28s var(--ease),background-color .25s ease,border-color .25s ease,box-shadow .28s ease,color .2s ease}
button:active,.primary:active,.cartbtn:active{transform:scale(.97)}
.card{animation:card-in .45s var(--ease) both}
.card:nth-child(2n){animation-delay:35ms}.card:nth-child(3n){animation-delay:70ms}
.overlay{display:flex;visibility:hidden;opacity:0;pointer-events:none;transition:opacity .24s ease,visibility .24s ease}
.overlay.open{visibility:visible;opacity:1;pointer-events:auto}
.dialog{transform:translateY(18px) scale(.985);opacity:.7;transition:transform .32s var(--ease),opacity .25s ease}
.overlay.open .dialog{transform:translateY(0) scale(1);opacity:1}
.cardactions .add.added,.primary.added{background:#16834a!important;border-color:#16834a!important;color:#fff;}
.checkmark{display:inline-grid;place-items:center;width:22px;height:22px;border-radius:50%;background:#ffffff25;margin-right:6px;animation:check-pop .35s var(--ease) both}
.cartbtn.pulse b{animation:badge-pop .55s var(--ease)}
.qty{display:flex;align-items:center;gap:12px;margin-top:10px}.qty button{width:28px;height:28px;border:1px solid #ddd;border-radius:50%;background:#f7f7f7;font-size:17px}.qty b{font-size:12px;min-width:12px;text-align:center}
@keyframes card-in{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}
@keyframes check-pop{0%{transform:scale(.4) rotate(-25deg);opacity:0}70%{transform:scale(1.2)}100%{transform:scale(1);opacity:1}}
@keyframes badge-pop{0%,100%{transform:scale(1)}45%{transform:scale(1.35)}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}

/* Product imagery adapts to the selected finish */
.realphoto{display:block;width:100%;height:100%;object-fit:contain;object-position:center;transition:opacity .22s ease,transform .28s ease}
.card:hover .realphoto{transform:scale(1.025)}


/* Ultra-smooth motion + restrained Liquid Glass accents */
:root{--motion:cubic-bezier(.22,1,.36,1);--glass:rgba(255,255,255,.68);--glass-line:rgba(255,255,255,.68)}
html{scroll-behavior:smooth;scroll-padding-top:92px}
body{-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
*,*::before,*::after{transition-timing-function:var(--motion)}
a,button,.card,.device,.realphoto,.primary,.cartbtn,.modal,.panel,.productmodal,.tools input,.tools select,.headright select{transition-duration:.55s}
.card{transform:translateY(0) scale(1);will-change:transform,box-shadow;border-color:rgba(0,0,0,.055);box-shadow:0 1px 2px rgba(0,0,0,.015)}
.card:hover{transform:translateY(-7px) scale(1.008);box-shadow:0 24px 55px rgba(0,0,0,.085),0 3px 12px rgba(0,0,0,.035);border-color:rgba(0,0,0,.09)}
.realphoto{transform:scale(1);transition:transform .9s var(--motion),filter .7s var(--motion);filter:saturate(1.015)}
.card:hover .realphoto{transform:scale(1.045)}
.primary,.cartbtn,.cardactions button{transition:transform .55s var(--motion),box-shadow .55s var(--motion),background-color .35s var(--motion),border-color .35s var(--motion)}
.primary:hover,.cartbtn:hover,.cardactions button:hover{transform:translateY(-2px);box-shadow:0 12px 30px rgba(0,0,0,.12)}
button:active,.primary:active,.cartbtn:active{transform:scale(.975)}
.top nav a,.logo,.headright select,.cartbtn{transition:opacity .45s var(--motion),transform .55s var(--motion),background .45s var(--motion)}
.tools input,.tools select{transition:box-shadow .45s var(--motion),border-color .45s var(--motion),background .45s var(--motion)}
.tools input:focus,.tools select:focus{outline:none;border-color:#bcbcbc;box-shadow:0 0 0 4px rgba(0,0,0,.045);background:#fff}
.visual{background:linear-gradient(145deg,#fbfbfa,#f0f0ee);transition:background .7s var(--motion)}
.tag{backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);background:rgba(245,245,245,.72);border:1px solid rgba(255,255,255,.75);box-shadow:inset 0 1px rgba(255,255,255,.85)}
/* Liquid Glass, used sparingly for floating controls and selection surfaces */
.headright select,.cartbtn{backdrop-filter:blur(22px) saturate(1.4);-webkit-backdrop-filter:blur(22px) saturate(1.4)}
.cartbtn{background:rgba(255,255,255,.91);border:1px solid rgba(255,255,255,.8);box-shadow:inset 0 1px 0 rgba(255,255,255,.95),0 5px 18px rgba(0,0,0,.09)}
.modal,.productmodal,.panel{backdrop-filter:blur(26px) saturate(1.45);-webkit-backdrop-filter:blur(26px) saturate(1.45)}
.modal>*,.productmodal>*,.panel>*{transition:opacity .45s var(--motion),transform .65s var(--motion)}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}
@media(max-width:700px){.card:hover{transform:translateY(-3px)}.card:hover .realphoto{transform:scale(1.02)}}

.overlay{background:rgba(5,5,5,.58);backdrop-filter:blur(12px) saturate(1.1);-webkit-backdrop-filter:blur(12px) saturate(1.1);transition:opacity .55s var(--motion)}
.dialog{background:rgba(255,255,255,.88);border:1px solid rgba(255,255,255,.78);box-shadow:0 28px 90px rgba(0,0,0,.2),inset 0 1px 0 rgba(255,255,255,.95);backdrop-filter:blur(30px) saturate(1.5);-webkit-backdrop-filter:blur(30px) saturate(1.5);border-radius:28px}
.detailvisual{background:linear-gradient(145deg,rgba(255,255,255,.8),rgba(239,240,238,.8));border:1px solid rgba(255,255,255,.9);box-shadow:inset 0 1px 0 rgba(255,255,255,.9)}
.chip{transition:transform .4s var(--motion),background .4s var(--motion),border-color .4s var(--motion),box-shadow .4s var(--motion);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}
.chip:hover{transform:translateY(-1px);border-color:#aaa}
.chip.active{background:rgba(20,20,20,.94);color:white;border-color:rgba(255,255,255,.5);box-shadow:0 5px 16px rgba(0,0,0,.12),inset 0 1px 0 rgba(255,255,255,.18)}
.x{background:rgba(235,235,235,.72);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);transition:transform .45s var(--motion),background .3s}
.x:hover{transform:rotate(90deg);background:#e5e5e5}

/* iOS 26-inspired Liquid Glass: layered translucent surfaces, refraction-like highlights */
:root{--lg-surface:rgba(255,255,255,.58);--lg-edge:rgba(255,255,255,.78);--lg-shadow:0 18px 55px rgba(26,35,55,.10),inset 0 1px 0 rgba(255,255,255,.9)}
body{background:radial-gradient(ellipse at 8% 5%,rgba(200,220,255,.24),transparent 34%),radial-gradient(ellipse at 92% 24%,rgba(232,214,255,.2),transparent 30%),#fbfbfd}
.top{background:rgba(250,250,252,.68);border-bottom:1px solid rgba(255,255,255,.72);backdrop-filter:blur(32px) saturate(1.8);-webkit-backdrop-filter:blur(32px) saturate(1.8);box-shadow:0 8px 30px rgba(20,25,40,.035)}
.card{background:linear-gradient(145deg,rgba(255,255,255,.9),rgba(247,248,252,.68));border:1px solid rgba(255,255,255,.92);border-radius:25px;overflow:hidden;box-shadow:var(--lg-shadow);backdrop-filter:blur(18px) saturate(1.35);-webkit-backdrop-filter:blur(18px) saturate(1.35)}
.card:before,.dialog:before,.detailvisual:before{content:"";position:absolute;inset:0;pointer-events:none;border-radius:inherit;background:linear-gradient(135deg,rgba(255,255,255,.56),transparent 32%,transparent 70%,rgba(255,255,255,.22));opacity:.72}
.card{position:relative}.cardbody{position:relative;z-index:1}.visual{background:linear-gradient(145deg,rgba(255,255,255,.75),rgba(232,237,247,.56));border-bottom:1px solid rgba(255,255,255,.8)}
.tools input,.tools select,.headright select,form input:not([type=checkbox]){background:rgba(255,255,255,.62);border:1px solid rgba(255,255,255,.92);box-shadow:inset 0 1px 0 #fff,0 5px 18px rgba(25,35,60,.045);backdrop-filter:blur(22px) saturate(1.55);-webkit-backdrop-filter:blur(22px) saturate(1.55);border-radius:16px}
.tools input:focus,.tools select:focus,form input:not([type=checkbox]):focus{background:rgba(255,255,255,.88);border-color:rgba(120,150,210,.55);box-shadow:0 0 0 4px rgba(115,150,220,.12),inset 0 1px 0 #fff}
.chip{background:rgba(255,255,255,.58);border:1px solid rgba(255,255,255,.95);border-radius:14px;box-shadow:inset 0 1px 0 rgba(255,255,255,.9),0 5px 16px rgba(20,30,50,.045);backdrop-filter:blur(20px) saturate(1.6);-webkit-backdrop-filter:blur(20px) saturate(1.6)}
.chip.active{background:linear-gradient(145deg,rgba(35,39,49,.94),rgba(65,70,84,.88));color:white;border-color:rgba(255,255,255,.68);box-shadow:0 7px 22px rgba(25,35,55,.22),inset 0 1px 0 rgba(255,255,255,.28)}
.cardactions button,.primary{border-radius:16px;box-shadow:inset 0 1px 0 rgba(255,255,255,.42),0 8px 24px rgba(20,25,40,.08)}
.tag,.swatch{backdrop-filter:blur(18px) saturate(1.5);-webkit-backdrop-filter:blur(18px) saturate(1.5)}
.dialog{position:relative;overflow:auto;background:linear-gradient(145deg,rgba(255,255,255,.82),rgba(246,248,253,.72));border:1px solid rgba(255,255,255,.9);box-shadow:0 32px 100px rgba(14,20,35,.24),inset 0 1px 0 #fff;backdrop-filter:blur(42px) saturate(1.75);-webkit-backdrop-filter:blur(42px) saturate(1.75)}
.detail-layout,.detail{position:relative;z-index:1}.detailvisual{position:relative;overflow:hidden;border-radius:24px;background:linear-gradient(145deg,rgba(255,255,255,.88),rgba(224,231,244,.58));box-shadow:inset 0 1px 0 #fff,0 12px 35px rgba(30,40,65,.07)}
.detailvisual:after{content:"";position:absolute;inset:-60% -25%;pointer-events:none;background:linear-gradient(110deg,transparent 38%,rgba(255,255,255,.28) 48%,transparent 57%);transform:translateX(-65%);animation:glass-sheen 8s ease-in-out infinite}
.cartrow{border-bottom-color:rgba(130,145,170,.18)}.qty button,.x{background:rgba(255,255,255,.62);border:1px solid rgba(255,255,255,.9);box-shadow:inset 0 1px 0 #fff,0 5px 15px rgba(20,30,50,.06);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}
@keyframes glass-sheen{0%,55%{transform:translateX(-65%);opacity:0}68%{opacity:.8}100%{transform:translateX(65%);opacity:0}}
@media(prefers-reduced-motion:reduce){.detailvisual:after{animation:none}}

/* iOS-inspired Liquid Glass accents, with a true black header retained. */
.top{background:#080808!important;color:#fff!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;}
/* Language picker: crisp black, bold labels and a clear selected/focus outline */
.headright select,
.legal-page select {
  color:#111 !important;
  background:#fff !important;
  border:1.5px solid #111 !important;
  border-radius:12px !important;
  font-weight:800 !important;
  outline:none;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.95);
  color-scheme:light;
}
.headright select:focus-visible,
.legal-page select:focus-visible {
  border-color:#111 !important;
  outline:2px solid #111 !important;
  outline-offset:2px;
  box-shadow:0 0 0 3px rgba(0,0,0,.12);
}
.headright select option,
.legal-page select option {
  color:#111;
  background:#fff;
  font-weight:800;
}
.headright select option:checked,
.legal-page select option:checked {
  color:#111;
  background:#eaeaea;
}
.chip{background:linear-gradient(145deg,rgba(255,255,255,.96),rgba(231,236,244,.72));backdrop-filter:blur(18px) saturate(1.5);-webkit-backdrop-filter:blur(18px) saturate(1.5);border-color:rgba(140,150,165,.28);box-shadow:inset 0 1px 0 rgba(255,255,255,.9),0 3px 12px rgba(20,30,45,.05);transition:all .45s cubic-bezier(.2,.8,.2,1);}
.chip.active{background:linear-gradient(145deg,rgba(255,255,255,.98),rgba(220,231,244,.9));box-shadow:inset 0 1px 0 #fff,0 0 0 3px rgba(90,130,180,.12),0 8px 20px rgba(30,45,65,.1);}
.primary,.cardactions button,.tools input,.tools select{transition:all .45s cubic-bezier(.2,.8,.2,1);}
.primary{box-shadow:inset 0 1px 0 rgba(255,255,255,.65),0 8px 24px rgba(0,0,0,.12);}
.primary:hover,.cardactions button:hover{transform:translateY(-2px);box-shadow:inset 0 1px 0 rgba(255,255,255,.65),0 12px 28px rgba(0,0,0,.12);}
.dialog{background:rgba(255,255,255,.92);backdrop-filter:blur(30px) saturate(1.5);-webkit-backdrop-filter:blur(30px) saturate(1.5);border:1px solid rgba(255,255,255,.8);box-shadow:0 30px 100px rgba(0,0,0,.22),inset 0 1px 0 rgba(255,255,255,.95);}
.detailvisual{background:linear-gradient(145deg,rgba(255,255,255,.94),rgba(230,236,243,.8));border:1px solid rgba(255,255,255,.9);box-shadow:inset 0 1px 0 #fff,0 12px 35px rgba(30,45,65,.07);}
.tools input,.tools select{background:rgba(255,255,255,.76);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-color:rgba(130,140,155,.22);box-shadow:inset 0 1px 0 #fff,0 5px 18px rgba(20,30,45,.04);}
.card{transition:transform .55s cubic-bezier(.2,.8,.2,1),box-shadow .55s ease,border-color .45s ease;}
.card:hover{transform:translateY(-6px);box-shadow:0 24px 60px rgba(0,0,0,.09),inset 0 1px 0 #fff;border-color:rgba(140,150,165,.32);}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}
/* Variant selectors: neutral text in every state; selection is indicated only by an outline. */
.chip{color:#111!important;background:rgba(255,255,255,.82)!important;border:1px solid rgba(120,130,145,.24)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.95),0 3px 12px rgba(20,30,45,.05)!important;}
.chip.active{color:#111!important;border:2px solid #111!important;box-shadow:inset 0 1px 0 #fff,0 0 0 1px rgba(0,0,0,.12)!important;background:rgba(255,255,255,.96)!important;}

.contact-cta{display:block;margin:24px auto 0;max-width:280px;cursor:pointer}.contact{display:flex;flex-direction:column;align-items:center}.contact>a{margin-top:12px}

/* iPhone Plus models have a physically larger display/body than the standard model. */
/* Plus photos have the correct larger framing in their image assets; no extra scaling. */

/* Compact legal footer */
.site-footer{display:block!important;background:#f3f3f3;color:#626262;padding:28px clamp(20px,5vw,60px);font-size:14px;line-height:1.55;border-top:1px solid #e8e8e8}.footer-company{font-size:15px;margin-bottom:4px}.footer-email{display:inline-block;color:inherit;text-decoration:none;margin-bottom:14px}.footer-links{display:flex;flex-wrap:wrap;gap:8px 26px;margin:2px 0 14px}.footer-links a{color:inherit;text-decoration:none;font-size:14px}.footer-links a:hover{text-decoration:underline}.footer-note{font-size:12px;color:#777}@media(max-width:600px){.site-footer{padding:22px 20px}.footer-links{gap:8px 18px}.footer-links a{font-size:13px}}

/* Compact moving iPoint brand/trust strip inspired by the reference */
.about-ticker{overflow:hidden;background:#f2f2f4;color:#202124;border-top:1px solid #e7e7ea;border-bottom:1px solid #e7e7ea;padding:16px 0;margin:0}
.ticker-track{display:flex;align-items:center;gap:26px;width:max-content;white-space:nowrap;animation:ipointTicker 42s linear infinite;font-size:15px;font-weight:500}
.ticker-track span{display:inline-flex;align-items:center;gap:8px}
.ticker-track i{font-style:normal;color:#777;font-size:18px}
.about-ticker:hover .ticker-track{animation-play-state:paused}
@keyframes ipointTicker{from{transform:translateX(0)}to{transform:translateX(-50%)}}
@media(prefers-reduced-motion:reduce){.ticker-track{animation:none;flex-wrap:wrap;width:auto;white-space:normal;justify-content:center;padding:0 18px}}
@media(max-width:600px){.about-ticker{padding:13px 0}.ticker-track{font-size:13px;gap:18px;animation-duration:34s}}

/* Compact white benefits ribbons at the top and bottom */
.about-ticker{position:relative;overflow:hidden;background:#fff;color:#171717;border:0;border-bottom:1px solid #e9e9e9;padding:7px 0;margin:0;width:100%}
.ticker-track{display:flex;align-items:center;gap:8px;width:max-content;white-space:nowrap;animation:ipointTicker 18s linear infinite;font-size:11px;font-weight:500}
.ticker-pill{display:inline-flex;align-items:center;gap:8px;padding:7px 13px;background:#fff;border:1px solid #e3e3e3;border-radius:8px;min-height:32px;box-sizing:border-box}
.ticker-pill b{display:inline-flex;align-items:center;justify-content:center;width:16px;height:16px;font-size:16px;font-weight:500;line-height:1;color:#202020}
.ticker-track span{display:inline-flex;align-items:center;gap:6px}
.ticker-track .ticker-pill>span{display:inline}
.ticker-track i{display:none}
.about-ticker:hover .ticker-track{animation-play-state:paused}
@keyframes ipointTicker{from{transform:translateX(0)}to{transform:translateX(-50%)}}
@media(max-width:600px){.about-ticker{padding:5px 0}.ticker-track{font-size:10px;gap:6px;animation-duration:15s}.ticker-pill{padding:6px 10px;min-height:28px;gap:6px}.ticker-pill b{font-size:14px;width:14px;height:14px}}
@media(prefers-reduced-motion:reduce){.ticker-track{animation:none;flex-wrap:wrap;width:auto;white-space:normal;justify-content:center;padding:0 10px}}


/* Static trust-benefit cards above the legal/company footer */
.footer-benefits{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;padding:18px clamp(20px,3vw,40px);background:#f7f7f7;border-top:1px solid #eee}
.footer-benefit{display:flex;align-items:center;gap:10px;min-height:46px;padding:10px 14px;background:#fff;border:1px solid #e3e3e3;border-radius:9px;color:#171717;font-size:13px;line-height:1.35}
.footer-benefit>span:first-child{font-size:18px;line-height:1;flex:none}
@media(max-width:700px){.footer-benefits{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;padding:12px}.footer-benefit{font-size:11px;padding:8px;gap:7px;min-height:40px}}
@media(max-width:360px){.footer-benefits{grid-template-columns:1fr}}

/* Apple Authorized Reseller badge */


/* Campaign hero: clean monochrome sale banner with the supplied burgundy iPhone 18 Pro and white iPhone Duo images */
.hero{min-height:440px;background:#f5f5f5;color:#090909;padding:56px clamp(22px,6vw,90px);grid-template-columns:minmax(0,0.9fr) minmax(0,1.1fr);gap:24px;border-bottom:1px solid #e9e9e9}
.hero .eyebrow{color:#666}
.herotext h1{font-size:clamp(48px,6.3vw,82px);letter-spacing:-4px}
.herotext h1 em{color:#777}
.herotext>p:not(.eyebrow){color:#5f5f5f}
.hero .primary{background:#080808;color:#fff}
.hero .trust{color:#555;gap:10px}
.hero .official-status{border-color:#c9c9c9;color:#242424}
.hero-products{height:350px;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:14px;perspective:none}
.hero-product{display:block;width:100%;height:100%;min-width:0;object-fit:contain;border-radius:18px}
.hero-18pro{background:#080808;object-fit:contain;padding:10px;max-height:330px}
.hero-duo{background:#fff;max-height:330px;border:1px solid #e5e5e5;padding:10px}
@media(max-width:760px){
 .hero{grid-template-columns:1fr;min-height:0;padding:38px 20px 28px;gap:18px}
 .herotext h1{font-size:clamp(45px,13vw,68px);letter-spacing:-2.5px}
 .hero-products{height:230px;gap:8px}
 .hero-product{border-radius:13px}
 .hero-18pro,.hero-duo{max-height:230px;padding:5px}
 .hero .trust{margin-top:22px}
}

/* Localized full-image campaign banner: all campaign wording is baked into each language-specific image. */
.hero-banner-section{width:100%;padding:18px clamp(10px,1.2vw,20px) 22px;background:#080808;}
.hero-banner-link{display:block;width:100%;max-width:1800px;margin:0 auto;border-radius:12px;overflow:hidden;background:#080808;line-height:0;}
.sale-banner-image{display:block;width:100%;height:auto;aspect-ratio:1797/875;object-fit:cover;object-position:center;}
.logo{gap:30px!important;}
.reseller-logo{margin-left:12px!important;width:86px!important;height:auto!important;object-fit:contain;}
@media(max-width:680px){.hero-banner-section{padding:10px 8px 16px}.hero-banner-link{border-radius:8px}.logo{gap:14px!important}.reseller-logo{width:62px!important;margin-left:2px!important}}


/* Compact centered sale banner, matching the reference storefront layout */
.hero-banner-section{
  background:#fff;
  padding:12px 16px 18px;
}
.hero-banner-link{
  max-width:1245px;
  border-radius:10px;
  background:#f5f5f5;
}
.sale-banner-image{
  width:100%;
  height:auto;
  aspect-ratio:1797/875;
  object-fit:contain;
}
@media(max-width:680px){
  .hero-banner-section{padding:10px 10px 14px}
  .hero-banner-link{border-radius:8px}
}

/* Custom oval language picker: black surface, white text, no native blue highlight. */
.headright #lang,.legal-page #legalLang{position:absolute!important;width:1px!important;height:1px!important;opacity:0!important;pointer-events:none!important;clip-path:inset(50%)!important;overflow:hidden!important}
.lang-picker{position:relative;display:inline-block;z-index:30;font:inherit}
.lang-picker__trigger{display:flex;align-items:center;justify-content:center;gap:9px;min-width:64px;padding:10px 13px;border:1.5px solid #555;border-radius:999px;background:#080808;color:#fff;font-weight:800;line-height:1;cursor:pointer;transition:border-color .15s,box-shadow .15s}
.lang-picker__trigger:focus-visible,.lang-picker.open .lang-picker__trigger{outline:none;border-color:#fff;box-shadow:0 0 0 2px #080808,0 0 0 3px #fff}
.lang-picker__chevron{width:7px;height:7px;border-right:1.8px solid currentColor;border-bottom:1.8px solid currentColor;transform:rotate(45deg) translateY(-2px)}
.lang-picker__menu{position:absolute;top:calc(100% + 7px);right:0;min-width:100%;padding:5px;border:1.5px solid #111;border-radius:18px;background:#080808;box-shadow:0 12px 28px #0003;display:none;gap:4px}
.lang-picker.open .lang-picker__menu{display:grid}
.lang-picker__option{display:block;width:100%;padding:9px 15px;border:1.5px solid transparent;border-radius:999px;background:#080808;color:#fff;font-weight:800;text-align:center;cursor:pointer}
.lang-picker__option:hover{background:#242424}
.lang-picker__option[aria-selected="true"]{background:#fff;color:#080808;border:2px solid #080808;outline:1px solid #fff}
.legal-top .lang-picker__trigger{background:#080808;color:#fff;border-color:#555}
@media(max-width:680px){.lang-picker__trigger{min-width:58px;padding:10px 11px}.lang-picker__menu{border-radius:16px}}

/* Catalog filters: white controls, black text, and black selection outline */
.tools select,
.tools select:focus,
.tools select:active {
  color: #111 !important;
  background-color: #fff !important;
  border: 1.5px solid #111 !important;
  border-radius: 999px !important;
  font-weight: 700 !important;
  color-scheme: light;
  outline: none !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.95) !important;
}
.tools select:focus-visible {
  outline: 2px solid #111 !important;
  outline-offset: 2px !important;
  border-color: #111 !important;
  box-shadow: 0 0 0 2px rgba(0,0,0,.08) !important;
}
.tools select option {
  color: #111 !important;
  background-color: #fff !important;
  font-weight: 600;
}
.tools select option:checked,
.tools select option:focus,
.tools select option:hover {
  color: #111 !important;
  background-color: #e8e8e8 !important;
}


/* Final catalog select fix: white pill controls, black text, black focus ring. */
.tools select {
  -webkit-appearance: none !important;
  appearance: none !important;
  color: #111 !important;
  -webkit-text-fill-color: #111 !important;
  background-color: #fff !important;
  border: 1.5px solid #d8d8d8 !important;
  border-radius: 999px !important;
  font-weight: 600 !important;
  color-scheme: light !important;
  outline: none !important;
  box-shadow: none !important;
}
.tools select:hover {
  border-color: #888 !important;
  background-color: #fff !important;
}
.tools select:focus,
.tools select:focus-visible,
.tools select:active {
  color: #111 !important;
  background-color: #fff !important;
  border: 2px solid #111 !important;
  border-radius: 999px !important;
  outline: 2px solid #111 !important;
  outline-offset: 1px !important;
  box-shadow: none !important;
}
/* Native option popup: request neutral white/black colors where browser permits. */
.tools select option,
.tools select optgroup {
  color: #111 !important;
  background: #fff !important;
  font-weight: 600 !important;
}
.tools select option:checked {
  color: #111 !important;
  background: #eee !important;
}


/* Custom catalog dropdowns matching the oval language picker: white surface, black type. */
.tools select.catalog-picker__native{
  position:absolute!important;
  width:1px!important;height:1px!important;
  opacity:0!important;pointer-events:none!important;
  clip-path:inset(50%)!important;overflow:hidden!important;
}
.catalog-picker{position:relative;display:inline-block;min-width:190px;z-index:8;font:inherit}
.catalog-picker__trigger{
  display:flex;align-items:center;justify-content:space-between;gap:14px;
  width:100%;min-height:46px;padding:11px 17px;
  border:1.5px solid #d6d6d6;border-radius:999px;
  background:#fff;color:#111;font:inherit;font-weight:750;line-height:1.15;
  cursor:pointer;box-shadow:none;outline:none;
}
.catalog-picker__trigger:hover{border-color:#777;background:#fff}
.catalog-picker__trigger:focus-visible,
.catalog-picker.open .catalog-picker__trigger{
  border:2px solid #111;outline:2px solid #111;outline-offset:1px;
  background:#fff;color:#111;box-shadow:none;
}
.catalog-picker__chevron{
  flex:0 0 7px;width:7px;height:7px;border-right:1.8px solid currentColor;
  border-bottom:1.8px solid currentColor;transform:rotate(45deg) translateY(-2px);
}
.catalog-picker__menu{
  position:absolute;top:calc(100% + 7px);left:0;right:0;min-width:100%;
  padding:5px;border:1.5px solid #111;border-radius:20px;background:#fff;
  box-shadow:0 12px 28px rgba(0,0,0,.12);display:none;gap:3px;
  max-height: min(60vh, 320px);overflow-y:auto;
}
.catalog-picker.open .catalog-picker__menu{display:grid}
.catalog-picker__option{
  display:block;width:100%;padding:9px 13px;border:1.5px solid transparent;
  border-radius:999px;background:#fff;color:#111;font:inherit;font-weight:650;
  text-align:left;cursor:pointer;white-space:nowrap;
}
.catalog-picker__option:hover{background:#f2f2f2;color:#111}
.catalog-picker__option[aria-selected="true"]{
  background:#fff;color:#111;border:1.5px solid #111;outline:none;
}
.catalog-picker__option:focus-visible{outline:2px solid #111;outline-offset:-2px}
@media(max-width:680px){
  .catalog-picker{flex:1 1 0;min-width:0;width:calc(50% - 5px)}
  .catalog-picker__trigger{min-height:43px;padding:11px 12px;font-size:11px;gap:8px}
  .catalog-picker__menu{border-radius:18px}
  .catalog-picker__option{font-size:11px;padding:9px 10px;white-space:normal}
}