/* Homepage palette deliberately separate from device swatches and checkout surfaces. */
:root{--rose:#894555;--burgundy:#662a3d;--champagne:#dac7ae}
body{background:#fff;color:#171719}header{background:#141315;border-color:#343035}.container{width:min(1240px,92%)}.nav{height:86px;gap:24px}.logo{font-size:21px;letter-spacing:-.7px;color:#fff;font-weight:800}.logo span{color:#e9dfe3}.logo small{display:block;font-size:8px;font-weight:500;letter-spacing:1.5px;color:#c0b6ba;margin-top:4px}nav{gap:24px}nav a{color:#e8e3e5;font-size:12px}nav a:hover{color:#ebbfcd}.catalog-search{width:180px}.catalog-search input{width:100%;border:1px solid #514a50;border-radius:6px;background:#252126;color:#fff;padding:10px 12px;font:inherit;font-size:12px}.catalog-search input::placeholder{color:#c5bbc0}.cart-btn{border-color:#62545b;color:#fff;background:#252126;border-radius:7px;padding:9px 13px;white-space:nowrap;font-size:12px}.cart-btn span{margin-left:4px;background:#894555;border-radius:50%;padding:2px 6px}.sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.hero{min-height:0;display:block;position:relative;background:#100e11 url('/images/homepage/iphone-hero.png') center 42%/cover no-repeat;color:#fff;padding:0;isolation:isolate}.hero:before{content:'';position:absolute;inset:0;background:linear-gradient(90deg,rgba(15,12,16,.92),rgba(20,10,18,.45) 48%,transparent 78%);z-index:-1}.hero-inner{position:relative;min-height:480px;display:flex;align-items:center}.hero-content{width:55%;padding:48px 0}.eyebrow{font-size:10px;letter-spacing:2.4px;color:var(--burgundy);font-weight:800}.hero .eyebrow{color:#dfb8c6}.hero h1{font-size:58px;line-height:1.08;letter-spacing:-2.6px;margin:22px 0 20px;max-width:none}.hero h1 span{display:block;color:#f0d6df;font-size:38px;letter-spacing:-1.5px;line-height:1.2;margin-top:10px}.hero-copy{color:#e6dbe0;font-size:16px;margin:0 0 28px;max-width:440px}.actions{gap:12px}.btn{border-radius:7px;font-size:12px;padding:12px 18px;min-height:44px}.hero .primary,.promotion .primary{background:linear-gradient(105deg,#783348,#a75f74);color:#fff;border:1px solid #ac6b7f}.hero .secondary{border:1px solid #cbbac2;color:#fff;background:rgba(20,16,21,.4)}.appearance-message{font-size:11px;color:#d9c8d0;margin-top:22px}.hero-disclosure{position:absolute;right:0;bottom:16px;font-size:10px;color:#f0e3e9;background:#181318b8;padding:3px 7px;border-radius:3px}.trust-row{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid #79636c66;padding:22px 0;gap:20px}.trust-row>div{font-size:12px;font-weight:600;display:grid;grid-template-columns:28px 1fr;align-items:center}.trust-row span{grid-row:span 2;font-size:22px;color:#e2bac8}.trust-row small{display:block;color:#c5b7be;font-size:10px;font-weight:400;margin-top:3px}.category-section{padding:34px 0 14px;background:#fff}.category-grid{display:flex;gap:18px;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x proximity;padding:4px 3px 10px;scrollbar-width:thin;scrollbar-color:#c8aab8 #f7f4f6}.category-tile{flex:1 0 128px;min-width:128px;min-height:166px;background:#f8f7f8;color:#29242a;border:1px solid #e8e3e7;border-radius:14px;padding:18px 10px 15px;display:flex;align-items:center;flex-direction:column;justify-content:center;gap:10px;scroll-snap-align:start}.iphone-category:hover,.category-tile[aria-pressed=true]{background:#f4ebef;border-color:#894555}.category-tile strong{font-size:13px}.category-tile small{font-size:10px;color:#685b63}.category-visual{cursor:default}.category-icon{height:92px;width:112px;display:flex;align-items:center;justify-content:center}.category-icon svg{width:57px;height:57px}.category-icon img{width:112px;height:92px;object-fit:contain;mix-blend-mode:multiply}.category-icon .google-mark{width:48px;height:48px}.samsung-mark{font-size:16px;letter-spacing:-.8px;font-weight:900;color:#141119}.iphone-mark{font-size:24px;font-weight:700;letter-spacing:-1px}.category-image-disclosure{margin:8px 3px 0;color:#6b3d4e;font-size:10px;line-height:1.5}.contact-section{padding:12px 0 48px;scroll-margin-top:145px}.contact-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:22px}.contact-card{background:#faf7f9;border:1px solid #e8dfe4;border-radius:10px;padding:22px;display:grid;grid-template-columns:30px 1fr;column-gap:13px;row-gap:5px}.contact-card>span,.contact-card>svg{grid-row:span 2;color:#783b52;width:26px;height:26px;font-size:25px}.contact-card strong{font-size:13px}.contact-card small{font-size:11px;color:#61565d;overflow-wrap:anywhere}.contact-card:hover{border-color:#894555;background:#f4ebef}#shop{padding:40px 0 62px;scroll-margin-top:100px}.section-head{align-items:center;gap:24px;margin-bottom:8px}.section-head h2{color:#171719;font-size:30px;letter-spacing:-1px;margin:7px 0}.section-head p{color:#645e63;font-size:12px;margin:8px 0}.text-button{border:0;background:transparent;color:#693446;font-size:12px;padding:8px 0;text-align:left;min-height:40px}.text-button:hover{text-decoration:underline}.catalog-toolbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.catalog-toolbar p{color:#685e64;font-size:11px}.products{grid-template-columns:repeat(5,minmax(0,1fr));gap:18px}.product{background:#fff;border:1px solid #e6e2e4;border-radius:10px;box-shadow:0 5px 16px #26192308;color:#171719;padding:15px;display:flex;flex-direction:column;min-width:0}.product[hidden]{display:none!important}.phone-art{background:#f7f6f6;height:170px;border:0;border-radius:7px;padding:12px;margin-bottom:12px;overflow:hidden}.phone-art img{mix-blend-mode:multiply}.phone{height:130px;width:67px;border-color:#4e434a}.product h3{font-size:16px;letter-spacing:-.4px;margin:4px 0 7px}.product>.sub{color:#696168;font-size:11px;min-height:33px;margin:0 0 9px}.product>.image-disclosure{font-size:10px;min-height:0;line-height:1.5;color:#6b3d4e}.image-disclosure:empty{display:none}.product .price{font-size:24px;color:#161416;letter-spacing:-1px;margin:0 0 11px;font-weight:800}.color-label{font-size:11px;color:#70656c;margin-bottom:8px}.color-label strong{color:#393137}.color-row{gap:7px;flex-wrap:wrap;min-height:28px}.swatch{width:23px;height:23px;min-width:23px;border:1px solid #aaa3a6;box-shadow:0 0 0 2px white}.swatch.selected{outline:2px solid #7f3c53;outline-offset:2px;border-color:#fff}.product label{font-size:11px;color:#625a60}.storage-select{background:#fff;color:#211c20;border:1px solid #ccc4c9;padding:9px;border-radius:5px;width:100%;font:inherit;font-size:12px;min-height:40px}.product #stock,.product [id^=stock-]{min-height:0;margin-top:9px;color:#496253}.product .add{border:1px solid #191619;background:#191619;color:#fff;border-radius:6px;margin-top:auto;min-height:42px;padding:9px;font-size:12px}.product .add:hover{background:#482733}.product .add:disabled{background:#ebe7e9;color:#696168;border-color:#d7cdd2;cursor:not-allowed}.promotion{background:#faf7f8;padding:52px 0;border-top:1px solid #f0e9ec;border-bottom:1px solid #f0e9ec}.promotion-grid{display:grid;grid-template-columns:1fr 1.4fr;gap:75px}.promotion h2{font-size:40px;line-height:1.14;letter-spacing:-1.5px;margin:17px 0}.promotion h2 span{background:linear-gradient(110deg,#682a3d,#bd718a);color:transparent;background-clip:text}.promotion p{color:#6a5d65;font-size:12px;max-width:340px}.promotion .btn{display:inline-flex;margin-top:13px}.service-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.service-grid article{background:#fff;border:1px solid #e9e2e6;border-radius:9px;padding:22px}.service-grid article>span{color:#8c465f;font-size:24px}.service-grid h3{font-size:14px;margin:9px 0}.service-grid p{font-size:11px;margin:0;line-height:1.7}.global-section{padding:45px 0}.global-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px;margin-top:25px}.global-grid article{border-top:2px solid #dfcbd4;padding-top:15px}.global-grid h3{font-size:15px}.global-grid p{color:#6a6167;font-size:12px}.global-grid .text-button{margin-right:15px}footer{background:#151316;color:#d7cdd3;border-color:#332c31;padding-top:36px}.footer-grid{grid-template-columns:1.4fr 1fr 1.2fr;gap:40px}.footer-grid h3{font-size:13px;color:#f4eaf0;margin:0 0 17px}.footer-grid p{font-size:11px;color:#c7bfc3}.footer-grid small{font-size:9px;color:#dcc4b5;letter-spacing:1px}.bottom{border-color:#3f363c;color:#bfb3bb;font-size:10px;display:flex;justify-content:space-between;gap:15px}.support-button{background:#74364a;border:1px solid #ad7889;color:#fff}.modal,.support-panel{color:#f7f4ec}.modal .btn.primary{background:#8b485e;color:#fff;border-color:#b4778a}.modal .btn.secondary{color:#f5e8ef;border-color:#b4778a}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #b76a87;outline-offset:3px}
@media(min-width:1500px){.hero{background-position:center 44%;background-size:cover}.hero-inner{min-height:560px}}
@media(max-width:1100px){.nav{gap:15px}.logo{font-size:18px}nav{gap:13px}nav a{font-size:11px}.catalog-search{width:150px}.products{grid-template-columns:repeat(3,minmax(0,1fr))}.hero h1{font-size:49px}.hero h1 span{font-size:31px}.promotion-grid{gap:35px}}
@media(max-width:800px){.nav{height:auto;min-height:76px;flex-wrap:wrap;padding:15px 0;gap:12px}.nav nav{display:none}.logo{flex:1}.catalog-search{order:3;width:100%}.hero-inner{min-height:410px}.hero-content{width:65%}.hero h1{font-size:40px;letter-spacing:-1.5px}.hero h1 span{font-size:28px}.hero-copy{font-size:13px}.trust-row{grid-template-columns:repeat(2,1fr);gap:17px}.promotion-grid{grid-template-columns:1fr}.promotion h2 br{display:none}.promotion h2{font-size:35px}.global-grid{grid-template-columns:1fr;gap:18px}.footer-grid{grid-template-columns:1fr 1fr}.footer-grid>div:first-child{grid-column:1/-1}.category-section{padding-top:24px}.section-head{align-items:flex-start}.section-head h2{font-size:27px}.phone-art{height:190px}}
@media(max-width:600px){.hero{background-position:62% center}.hero:before{background:linear-gradient(90deg,#150f17dc,#1b0e1890 65%,#170d1820)}.hero-inner{min-height:430px}.hero-content{width:90%;padding:40px 0 60px}.hero h1{font-size:43px}.hero h1 span{font-size:29px}.hero .actions{flex-wrap:wrap}.hero-disclosure{bottom:10px}.trust-row{padding:20px 0}.trust-row>div{font-size:11px}.trust-row small{font-size:9px}.products{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.product{padding:11px}.phone-art{height:140px;padding:8px}.product h3{font-size:14px}.product .price{font-size:23px}.product>.sub{font-size:10px}.swatch{width:21px;height:21px;min-width:21px}.color-row{gap:6px}.section-head{flex-direction:column;gap:2px}.section-head .text-button{padding-top:0}.service-grid{gap:12px}.service-grid article{padding:17px}.promotion{padding:35px 0}.footer-grid{gap:24px}.bottom{flex-direction:column;gap:8px}.footer-grid a{overflow-wrap:anywhere}#shop{padding-top:28px;scroll-margin-top:130px}.catalog-toolbar{gap:15px}.hero .eyebrow{font-size:9px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}

@media(max-width:800px){.category-grid{gap:14px}.category-tile{flex:0 0 136px}.contact-grid{grid-template-columns:1fr}.category-section{padding-top:24px}}

.image-unavailable{font-size:11px;color:#675b63;text-align:center}

.category-charger-photos{position:relative;display:block;width:112px;height:92px}.category-charger-photos .adapter-photo{position:absolute;left:0;top:7px;width:71px;height:78px}.category-charger-photos .cable-photo{position:absolute;right:0;bottom:0;width:62px;height:68px}

/* Mobile category grid; desktop category bar remains unchanged. */
@media(max-width:800px){
 .category-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;overflow:visible;scroll-snap-type:none;padding:4px 0 10px}
 .category-tile{min-width:0;min-height:190px;width:100%;padding:18px 10px;gap:12px}
 .category-icon{width:min(140px,100%);height:116px}
 .category-icon img{width:100%;height:116px}
 .category-charger-photos{width:100%;height:116px}
 .category-charger-photos .adapter-photo{width:64%;height:98px;top:8px}
 .category-charger-photos .cable-photo{width:55%;height:86px}
 .support-button{position:static;margin:0 auto 24px;box-shadow:0 4px 14px #26192325}
}

/* Final imagery and contact refinements, without layout changes. */
.category-icon img[src$="/case.jpg"]{transform:scale(1.14)}
@media(max-width:800px){
 .footer-grid{grid-template-columns:minmax(0,.7fr) minmax(0,1.3fr)}
 .footer-grid a[href^="mailto:"]{white-space:nowrap;overflow-wrap:normal;word-break:normal}
}