:root{
  --amz-navy:#131921;
  --amz-navy-2:#232f3e;
  --amz-gold:#febd69;
  --amz-gold-hover:#f3a847;
  --amz-bg:#eaeded;
  --amz-panel:#ffffff;
  --amz-text:#0f1111;
  --amz-muted:#565959;
  --amz-border:#d5d9d9;
  --amz-link:#007185;
  --shadow:0 2px 8px rgba(15,17,17,.08);
  --dropdown-shadow:0 6px 16px rgba(15,17,17,.22);
}
*{box-sizing:border-box}
html,body{margin:0;padding:0}
body{font-family:Tahoma,Arial,sans-serif;background:var(--amz-bg);color:var(--amz-text);line-height:1.45}
a{text-decoration:none;color:inherit}
.shell{width:min(1500px,calc(100% - 24px));margin:0 auto}

.site-header{background:var(--amz-navy);color:#fff}
.topbar{display:grid;grid-template-columns:170px 108px minmax(320px,1fr) auto;gap:14px;align-items:center;padding:10px 0}
.logo-wrap,.footer-logo{display:inline-flex;flex-direction:column;align-items:flex-end;justify-content:center}
.logo-text{font-size:42px;font-weight:800;line-height:1;letter-spacing:.2px}
.logo-smile{width:74px;height:10px;border-bottom:5px solid #f08804;border-radius:0 0 80px 80px;margin-top:1px}
.delivery-block{display:flex;flex-direction:column;gap:1px;color:#ccc;font-size:12px;padding:6px 8px;border:1px solid transparent;border-radius:2px}
.delivery-block:hover{border-color:#fff}
.delivery-line-2{font-size:21px;font-weight:700;color:#fff}

.search-wrap{display:grid;grid-template-columns:82px 1fr 58px;align-items:stretch;background:#fff;border-radius:4px;overflow:hidden}
.search-category,.search-input,.search-button{border:none;outline:none}
.search-category{background:#f3f3f3;color:#555;padding:0 12px;font-size:16px}
.search-input{min-height:44px;padding:0 16px;font-size:18px;color:#111;text-align:right}
.search-input::placeholder{color:#666}
.search-button{background:var(--amz-gold);color:#111;cursor:pointer;font-size:28px}
.search-button:hover{background:var(--amz-gold-hover)}

.account-nav{display:flex;align-items:center;gap:4px}
.nav-link,.cart-link,.account-trigger{display:flex;align-items:center;justify-content:center;min-width:86px;padding:8px 10px;color:#fff;position:relative;border:1px solid transparent;border-radius:2px;transition:background .15s ease,border-color .15s ease;font-size:14px}
.nav-link:hover,.cart-link:hover,.account-trigger:hover,.account-dropdown.is-open .account-trigger{border-color:#fff}
.language-link{min-width:68px;font-weight:700}
.orders-link,.account-trigger{line-height:1.05;font-size:13px;font-weight:700;text-align:right}
.orders-link span,.account-trigger span{font-size:17px;font-weight:700}
.cart-link{gap:4px;min-width:118px;font-weight:700;line-height:1.05}
.cart-icon{font-size:28px}
.cart-count{position:absolute;top:-2px;right:24px;background:#f08804;color:#111;width:20px;height:20px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700}
.account-dropdown{position:relative}
.account-trigger{background:transparent;cursor:pointer;min-width:142px}
.dropdown-panel{position:absolute;top:calc(100% + 6px);right:50%;transform:translateX(34%);width:390px;background:#fff;border:1px solid var(--amz-border);border-radius:3px;box-shadow:var(--dropdown-shadow);color:var(--amz-text);z-index:2000}
.dropdown-arrow{position:absolute;top:-8px;right:70px;width:16px;height:16px;background:#fff;border-top:1px solid var(--amz-border);border-right:1px solid var(--amz-border);transform:rotate(-45deg)}
.dropdown-top{padding:14px 16px 12px;border-bottom:1px solid #e7e7e7;text-align:center}
.signin-btn{display:block;background:var(--amz-gold);color:#111;padding:10px 14px;border-radius:8px;font-size:16px;font-weight:700;border:1px solid #f0c14b}
.signin-btn:hover{background:#f7ca63}
.new-user{margin-top:10px;color:#555;font-size:14px}.new-user a{color:var(--amz-link);font-weight:700}
.dropdown-columns{display:grid;grid-template-columns:1fr 1fr;padding:12px 0}
.dropdown-col{padding:0 18px}.dropdown-col + .dropdown-col{border-right:1px solid #eee}
.dropdown-col h3{margin:4px 0 10px;font-size:18px;color:#111}.dropdown-col a{display:block;padding:4px 0;color:#444;font-size:14px}.dropdown-col a:hover{color:var(--amz-link);text-decoration:underline}

.menubar{background:var(--amz-navy-2)}
.menu-inner{display:flex;align-items:center;gap:22px;overflow:auto;white-space:nowrap;padding:8px 0}
.menu-inner a{color:#fff;font-size:15px;font-weight:700;padding:4px 0}.menu-inner a:hover{text-decoration:underline}.menu-all{margin-right:auto}

.page-content{padding:0 0 24px}
.amazonish-home{position:relative;padding-top:0}
.hero-amz-like{position:relative;min-height:360px;background:#d7ead7;overflow:hidden;display:flex;align-items:flex-start;justify-content:center;padding:46px 180px 140px;border-bottom:1px solid #d2d2d2}
.hero-copy{text-align:center;max-width:760px;z-index:3}
.hero-copy h1{margin:0 0 12px;font-size:72px;line-height:1.05;color:#111;font-weight:800}
.hero-copy p{margin:0;color:#333;font-size:24px}
.hero-arrow{position:absolute;top:110px;width:48px;height:96px;border:none;background:rgba(255,255,255,.05);color:#222;font-size:54px;cursor:pointer;z-index:4}
.hero-arrow-right{right:16px}.hero-arrow-left{left:16px}
.hero-arrow:hover{background:rgba(255,255,255,.2)}
.hero-decor{position:absolute;border-radius:24px;z-index:1;opacity:.92}
.hero-cup{left:20px;top:32px;width:250px;height:190px;background:radial-gradient(circle at 30% 30%,#f8fff2 0 36%,#b9d59f 37% 53%,#d7ead7 54%)}
.hero-bag{right:290px;top:46px;width:280px;height:220px;background:linear-gradient(135deg,#f2bfd0,#efcde2 45%,#f8d6e6);transform:rotate(-8deg);box-shadow:0 20px 30px rgba(0,0,0,.08)}
.hero-headphone{right:28px;top:30px;width:220px;height:220px;background:radial-gradient(circle at 50% 50%,#ffcf9e 0 30%,#f09b55 31% 56%,transparent 57%);border-radius:50%}

.promo-panels{display:grid;grid-template-columns:repeat(4,1fr);gap:22px;margin-top:-128px;position:relative;z-index:5}
.promo-panel{background:var(--amz-panel);padding:18px 18px 16px;box-shadow:var(--shadow);min-height:420px}
.promo-panel h2{margin:4px 0 14px;font-size:24px;line-height:1.25;color:#111}
.mini-grid{display:grid;gap:14px;height:calc(100% - 52px)}
.four-grid,.two-by-two{grid-template-columns:repeat(2,1fr);grid-auto-rows:1fr}
.mini-card{background:#f7f3ff;border:1px solid #eadff8;min-height:132px;display:flex;align-items:flex-end;justify-content:center;padding:12px;font-size:20px;font-weight:700;color:#333;text-align:center}
.soft-grid .mini-card{background:#fafafa;border-color:#efefef}
.alt-grid .mini-card{background:#f6f6f6}
.panel-feature .feature-visual{height:326px;background:linear-gradient(135deg,#26436b,#394d7a 30%,#b34b5d 58%,#1f2c45 100%);position:relative;overflow:hidden}
.panel-feature .feature-visual::before{content:"";position:absolute;inset:16px 90px 18px 54px;background:linear-gradient(135deg,#121722,#283241);border-radius:18px;box-shadow:0 20px 30px rgba(0,0,0,.25)}
.panel-feature .feature-visual::after{content:"";position:absolute;bottom:16px;left:34px;width:84px;height:84px;background:#f4f7fb;border-radius:22px;box-shadow:0 12px 20px rgba(0,0,0,.18)}

.site-footer{background:#232f3e;color:#fff;margin-top:20px}
.back-to-top{display:block;text-align:center;background:#37475a;padding:14px 12px;font-size:18px;font-weight:700}
.footer-main{display:grid;grid-template-columns:repeat(6,1fr);gap:24px;padding:36px 0 24px}
.footer-col h3{margin:0 0 12px;font-size:18px}.footer-col a{display:block;color:#ddd;padding:4px 0;font-size:15px}.footer-col a:hover{text-decoration:underline}
.footer-utility{border-top:1px solid rgba(255,255,255,.12);border-bottom:1px solid rgba(255,255,255,.12);display:flex;align-items:center;justify-content:space-between;gap:16px;padding:18px 0}
.footer-selectors{display:flex;gap:12px;flex-wrap:wrap}.footer-selectors button{background:transparent;border:1px solid #848688;color:#fff;border-radius:3px;padding:8px 16px;font-size:15px}
.footer-badges{display:grid;grid-template-columns:repeat(5,1fr);gap:0;padding:20px 0}.badge-item{text-align:center;padding:8px 16px;border-left:1px solid rgba(255,255,255,.1)}.badge-item:last-child{border-left:none}.badge-item strong{display:block;font-size:18px;margin-bottom:4px}.badge-item span{color:#ddd;font-size:15px}
.footer-copy{text-align:center;padding:14px 12px;background:#131a22;color:#ddd;font-size:14px}

@media (max-width: 1300px){.topbar{grid-template-columns:160px 100px minmax(240px,1fr);grid-template-areas:"logo delivery delivery" "search search search" "nav nav nav"}.logo-wrap{grid-area:logo}.delivery-block{grid-area:delivery}.search-wrap{grid-area:search}.account-nav{grid-area:nav;justify-content:flex-start;flex-wrap:wrap}.promo-panels{grid-template-columns:repeat(2,1fr)}.footer-main{grid-template-columns:repeat(3,1fr)}.footer-badges{grid-template-columns:repeat(2,1fr)}}
@media (max-width: 900px){.hero-copy h1{font-size:46px}.hero-copy p{font-size:18px}.hero-amz-like{padding:28px 60px 120px}.promo-panels{gap:16px;margin-top:-100px}.promo-panel{min-height:360px}}
@media (max-width: 768px){.shell{width:min(100% - 16px,100%)}.menu-inner{gap:16px}.promo-panels{grid-template-columns:1fr}.footer-main{grid-template-columns:repeat(2,1fr)}.footer-utility{flex-direction:column}.footer-badges{grid-template-columns:1fr}.dropdown-panel{width:340px;right:0;transform:none}.dropdown-arrow{right:110px}.hero-copy h1{font-size:38px}}

/* Logged-in header refinements */
.nav-tools .account-menu .signin-btn,
.nav-tools .account-menu .new-user a {
    transition: opacity .15s ease, color .15s ease;
}

.nav-tools .account-menu .new-user {
    line-height: 1.8;
}

.nav-tools .account-menu .new-user a {
    font-weight: 700;
}

.nav-tools .account-menu .account-dropdown a[href="/-/ar/account/logout"] {
    color: #b12704;
    font-weight: 700;
}

/* Account box cleanup */
.account-link-clean{
    display:flex;
    flex-direction:column;
    align-items:flex-start;
    justify-content:center;
    gap:2px;
    min-width:170px;
    padding:8px 12px;
    line-height:1.15;
    text-align:right;
    white-space:normal;
}

.account-link-clean > span:first-child{
    display:block;
    font-size:12px;
    font-weight:500;
    color:#ffffff;
    opacity:.95;
    line-height:1.2;
}

.account-link-clean > span:last-child,
.account-link-clean .account-line-2{
    display:block;
    font-size:14px;
    font-weight:700;
    color:#ffffff;
    line-height:1.2;
}

.account-menu{
    position:relative;
}

.account-menu .account-dropdown{
    min-width:335px;
    padding-top:0;
}

.account-menu .account-dropdown .signin-btn{
    display:block;
    text-align:center;
    margin-bottom:10px;
}

.account-menu .account-dropdown .new-user{
    font-size:13px;
    line-height:1.8;
    text-align:center;
    margin-bottom:10px;
}

.account-menu .account-dropdown .menu-columns{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:0;
}

.account-menu .account-dropdown h3{
    margin:0 0 10px;
    font-size:16px;
    font-weight:700;
    color:#0f1111;
}

.account-menu .account-dropdown a{
    display:block;
    font-size:13px;
    line-height:1.8;
}

.account-menu .account-dropdown a[href="/-/ar/account/logout"]{
    color:#b12704;
    font-weight:700;
}

@media (max-width:1200px){
    .account-link-clean{
        min-width:145px;
        padding:8px 10px;
    }
}

@media (max-width:992px){
    .account-link-clean{
        min-width:auto;
    }
}

/* Final cleanup for logged-in account trigger */
.account-nav .account-trigger{
    display:flex;
    flex-direction:column;
    align-items:flex-start;
    justify-content:center;
    min-width:170px;
    padding:8px 12px;
    gap:2px;
    text-align:right;
    line-height:1.15;
    white-space:normal;
}

.account-nav .account-trigger > span:first-child{
    display:block;
    font-size:12px;
    font-weight:500;
    color:#ffffff;
    opacity:.95;
    line-height:1.2;
}

.account-nav .account-trigger > span.account-line-2{
    display:block;
    font-size:14px;
    font-weight:700;
    color:#ffffff;
    line-height:1.2;
}

.account-nav .account-trigger:hover{
    text-decoration:none;
}

.account-nav .orders-link{
    line-height:1.15;
}

@media (max-width:1200px){
    .account-nav .account-trigger{
        min-width:145px;
        padding:8px 10px;
    }
}

@media (max-width:992px){
    .account-nav .account-trigger{
        min-width:auto;
    }
}

/* Amazon-like account trigger rebuild */
.account-dropdown{
    position:relative;
}

.account-trigger-amz{
    position:relative;
    display:flex;
    flex-direction:column;
    align-items:flex-start;
    justify-content:center;
    min-width:156px;
    height:50px;
    padding:6px 18px 6px 10px;
    text-align:right;
    line-height:1.1;
    white-space:normal;
    background:transparent;
    border:1px solid transparent;
    border-radius:2px;
    cursor:pointer;
}

.account-trigger-amz:hover,
.account-trigger-amz[aria-expanded="true"]{
    border-color:#ffffff;
    text-decoration:none;
}

.account-trigger-line{
    display:block;
    color:#ffffff;
}

.account-trigger-line-1{
    font-size:12px;
    font-weight:500;
    opacity:.95;
    margin-bottom:2px;
}

.account-trigger-line-2{
    font-size:14px;
    font-weight:700;
}

.account-trigger-caret{
    position:absolute;
    left:8px;
    top:50%;
    transform:translateY(-50%);
    font-size:11px;
    color:#d6d6d6;
    pointer-events:none;
}

.account-dropdown .dropdown-panel{
    position:absolute;
    top:calc(100% + 6px);
    right:0;
    width:345px;
    z-index:9999;
}

.account-dropdown .dropdown-top{
    padding-top:14px;
}

.account-dropdown .signin-btn{
    display:block;
    width:calc(100% - 28px);
    margin:0 auto 10px;
    text-align:center;
}

.account-dropdown .new-user{
    text-align:center;
    font-size:13px;
    line-height:1.8;
    margin-bottom:12px;
}

.account-dropdown .dropdown-columns{
    display:grid;
    grid-template-columns:1fr 1fr;
}

.account-dropdown .dropdown-col{
    padding:14px 16px 16px;
}

.account-dropdown .dropdown-col-account{
    border-right:1px solid #e7e7e7;
}

.account-dropdown .dropdown-col h3{
    margin:0 0 10px;
    font-size:18px;
    font-weight:700;
    color:#0f1111;
}

.account-dropdown .dropdown-col a{
    display:block;
    font-size:13px;
    line-height:1.85;
}

.account-dropdown .dropdown-col a[href="/-/ar/account/logout"]{
    color:#b12704;
    font-weight:700;
}

.account-nav{
    display:flex;
    align-items:center;
    gap:2px;
}

.orders-link{
    min-width:92px;
}

@media (max-width:1200px){
    .account-trigger-amz{
        min-width:142px;
        padding:6px 16px 6px 10px;
    }

    .account-dropdown .dropdown-panel{
        width:325px;
    }
}

/* Fix hover gap between account trigger and dropdown */
.account-dropdown{
    position:relative;
}

.account-dropdown .dropdown-panel{
    top:100% !important;
    margin-top:0 !important;
}

/* invisible bridge so mouse can travel from button to panel */
.account-dropdown::after{
    content:"";
    position:absolute;
    right:0;
    top:100%;
    width:345px;
    height:18px;
    background:transparent;
    z-index:9998;
}

.account-dropdown.is-open .dropdown-panel{
    display:block;
}


/* Amazon-style account dropdown */
.account-dropdown{
    position:absolute;
    top:100%;
    right:0;
    width:540px;
    background:#fff;
    border:1px solid #d5d9d9;
    border-radius:3px;
    box-shadow:0 4px 14px rgba(15,17,17,.18);
    z-index:9999;
    overflow:visible;
}

.account-dropdown-arrow{
    position:absolute;
    top:-8px;
    right:34px;
    width:16px;
    height:16px;
    background:#fff;
    border-top:1px solid #d5d9d9;
    border-left:1px solid #d5d9d9;
    transform:rotate(45deg);
}

.account-dropdown-topbar{
    background:#eef8f8;
    border-bottom:1px solid #e7e7e7;
    padding:14px 16px 12px;
    border-radius:3px 3px 0 0;
}

.account-dropdown-toplinks{
    font-size:14px;
    margin-bottom:12px;
    color:#007185;
}

.account-dropdown-toplinks a{
    color:#007185;
    text-decoration:none;
    font-weight:500;
}

.account-dropdown-toplinks a:hover{
    color:#c7511f;
    text-decoration:underline;
}

.account-dropdown-toplinks span{
    margin:0 6px;
    color:#6b7280;
}

.account-dropdown-userbox{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:14px;
}

.account-dropdown-usertext{
    min-width:0;
}

.account-dropdown-username{
    font-size:17px;
    font-weight:700;
    color:#0f1111;
    margin-bottom:4px;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
}

.account-dropdown-usermeta{
    font-size:14px;
    color:#565959;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
    direction:ltr;
    text-align:right;
}

.account-dropdown-avatar{
    width:46px;
    height:46px;
    border-radius:50%;
    background:#d5d9d9;
    color:#6b7280;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:22px;
    flex-shrink:0;
}

.account-dropdown-body-amz{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:0;
    padding:18px 18px 16px;
}

.account-dropdown-col-amz{
    min-width:0;
}

.account-dropdown-col-amz + .account-dropdown-col-amz{
    border-right:1px solid #e7e7e7;
    padding-right:18px;
    margin-right:18px;
}

.account-dropdown-col-amz h4{
    margin:0 0 12px;
    font-size:28px;
    font-weight:700;
    color:#0f1111;
    line-height:1.1;
}

.account-dropdown-col-amz ul{
    list-style:none;
    padding:0;
    margin:0;
}

.account-dropdown-col-amz li{
    margin-bottom:8px;
}

.account-dropdown-col-amz a{
    color:#0f1111;
    text-decoration:none;
    font-size:15px;
    line-height:1.5;
}

.account-dropdown-col-amz a:hover{
    color:#c7511f;
    text-decoration:underline;
}

.account-dropdown-col-amz a[href="/-/ar/account/logout"]{
    color:#b12704;
    font-weight:700;
}

@media (max-width:1200px){
    .account-dropdown{
        width:480px;
    }

    .account-dropdown-col-amz h4{
        font-size:24px;
    }
}