.site-header{z-index:50;background:var(--color-bg);border-bottom:1px solid var(--color-border);position:sticky;top:0}.site-header__bar{max-width:var(--max-width);padding:18px var(--gutter);justify-content:space-between;align-items:center;gap:24px;margin:0 auto;display:flex}.site-header__logo{letter-spacing:.04em;color:var(--color-text);flex-shrink:0;font-size:22px;font-weight:700;text-decoration:none}.site-header__logo img{mix-blend-mode:multiply;width:auto;height:28px;display:block}.site-header__nav{gap:28px;display:flex}.site-header__actions{align-items:center;gap:20px;display:flex}.site-header__search{max-width:var(--max-width);padding:0 var(--gutter) 16px;gap:10px;margin:0 auto;display:flex}.nav-item{position:relative}.nav-item>a{color:var(--color-text);white-space:nowrap;padding:6px 0;font-size:15px;text-decoration:none;display:inline-block}.nav-item>a.active{font-weight:600}.nav-item>a:hover{opacity:.7}.nav-item__menu{border:1px solid var(--color-border);background:var(--color-surface);border-radius:10px;flex-direction:column;min-width:220px;padding:8px;display:none;position:absolute;top:100%;left:-16px;box-shadow:0 10px 30px #2b262014}.nav-item__menu a{color:var(--color-text);border-radius:6px;padding:8px 10px;font-size:14px;text-decoration:none}.nav-item__menu a:hover{background:var(--color-bg-alt)}.nav-item:hover .nav-item__menu,.nav-item:focus-within .nav-item__menu{display:flex}.icon-btn{color:var(--color-text);cursor:pointer;background:0 0;border:none;align-items:center;gap:6px;padding:0;text-decoration:none;display:inline-flex;position:relative}.icon-btn__text{font-size:14px}.cart-badge{background:var(--color-accent);color:#fff;text-align:center;border-radius:999px;min-width:16px;height:16px;padding:0 4px;font-size:10px;line-height:16px;position:absolute;top:-8px;right:-10px}@media (width<=900px){.site-header__bar{padding:14px var(--gutter);flex-wrap:wrap;gap:12px}.site-header__nav{order:3;gap:20px;width:100%;overflow-x:auto}.nav-item__menu{display:none!important}.icon-btn__text{display:none}}.trust-bar{background:var(--color-bg-alt);border-top:1px solid var(--color-border);justify-content:center;gap:96px;padding:20px;font-family:Georgia,Times New Roman,serif;font-size:18px;display:flex}.trust-bar>div{align-items:center;gap:14px;display:flex}.trust-bar__icon{border:1.5px solid var(--color-accent);width:40px;height:40px;color:var(--color-accent);border-radius:50%;place-items:center;display:grid}.trust-bar__icon svg{width:20px;height:20px}.site-footer{max-width:var(--max-width);width:100%;padding:40px var(--gutter);grid-template-columns:1.5fr 1fr 1fr 1fr auto;gap:32px;margin:0 auto;display:grid}.site-footer h3{margin:0 0 8px;font-size:18px}.site-footer h4{letter-spacing:.04em;color:var(--color-text-muted);margin:0 0 12px;font-size:13px}.site-footer__logo{mix-blend-mode:multiply;width:auto;height:22px;margin-bottom:10px;display:block}.site-footer__brand p{color:var(--color-text-muted);margin:0;font-size:14px}.site-footer__col{flex-direction:column;gap:8px;display:flex}.site-footer__col a,.site-footer__col span{color:var(--color-text);font-size:14px;text-decoration:none}.site-footer__col a:hover{opacity:.7}.site-footer__legal{border-top:1px solid var(--color-border);flex-wrap:wrap;grid-column:1/-1;gap:8px 20px;padding-top:20px;font-size:13px;display:flex}.site-footer__legal a{color:var(--color-text-muted);text-decoration:none}.site-footer__legal a:hover{color:var(--color-text)}.site-footer__payments{color:var(--color-text-muted);justify-content:flex-end;align-items:flex-start;gap:12px;font-size:13px;font-weight:600;display:flex}@media (width<=900px){.trust-bar{flex-direction:column;align-items:center;gap:10px}.site-footer{grid-template-columns:1fr 1fr}}.order-view__meta{border-bottom:1px solid var(--color-border);text-align:left;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:18px;padding-bottom:18px;display:grid}.order-view__meta span{color:var(--color-text-muted);font-size:12px;display:block}.order-view__meta strong{font-size:14px}@media (width<=700px){.order-view__meta{grid-template-columns:1fr 1fr}}.order-view__address{text-align:left;margin-bottom:18px}.order-view__address span{color:var(--color-text-muted);font-size:12px}.order-view__address p{margin:4px 0 0;font-size:14px;line-height:1.5}.order-view .alert{text-align:left;margin:0 0 18px}.order-view .line-items{text-align:left}.order-result{text-align:center;max-width:680px}.order-result h1{margin:16px 0 8px;font-size:28px}.order-result__lead{color:var(--color-text-muted);margin:0 0 24px;line-height:1.5}.order-result__icon{color:#fff;border-radius:50%;place-items:center;width:64px;height:64px;font-size:30px;font-weight:700;display:inline-grid}.order-result__icon--ok{background:var(--color-success)}.order-result__icon--fail{background:var(--color-danger)}.order-result__icon--wait{background:var(--color-text-muted)}.order-result__card{border:1px solid var(--color-border);background:var(--color-surface);border-radius:14px;margin:28px 0;padding:24px}.page--narrow .order-result__card{margin-top:0}.account__layout{grid-template-columns:200px minmax(0,1fr);align-items:start;gap:32px;display:grid}.account__nav{flex-direction:column;gap:4px;display:flex}.account__nav a,.account__nav button{color:var(--color-text);text-align:left;cursor:pointer;background:0 0;border:none;border-radius:8px;padding:10px 12px;font-size:15px;text-decoration:none}.account__nav a:hover,.account__nav button:hover{background:var(--color-bg-alt)}.account__nav a.active,.account__nav button.active{background:var(--color-bg-alt);font-weight:600}.account__nav button{color:var(--color-text-muted)}.account .card h2{margin:0;font-size:18px}@media (width<=800px){.account__layout{grid-template-columns:1fr}.account__nav{flex-direction:row;overflow-x:auto}}.order-list{flex-direction:column;gap:10px;display:flex}.order-list__row{border:1px solid var(--color-border);border-radius:var(--radius);background:var(--color-surface);color:var(--color-text);grid-template-columns:1.5fr 1fr .7fr auto;align-items:center;gap:16px;padding:16px;text-decoration:none;display:grid}.order-list__row:hover{border-color:var(--color-accent)}.order-list__row small{color:var(--color-text-muted);font-size:12px;display:block}@media (width<=700px){.order-list__row{grid-template-columns:1fr auto}}.address-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}@media (width<=700px){.address-grid{grid-template-columns:1fr}}.address-card{padding:18px}.address-card p{color:var(--color-text-muted);margin:8px 0 12px;font-size:14px;line-height:1.5}.address-card__actions{align-items:center;gap:16px;display:flex}.auth-page__link{color:var(--color-text-muted);align-self:center;font-size:14px}.auth-page__switch{text-align:center;margin-top:20px;font-size:14px}.auth-page__hint{margin-top:-10px;font-size:12px}.auth-page__address{border:0;margin:0;padding:0}.content-page{max-width:820px;line-height:1.7}.content-page h1{margin:0 0 24px;font-size:34px}.content-page h2{margin:32px 0 10px;font-size:20px}.content-page p,.content-page li{color:var(--color-text)}.content-page ul{padding-left:22px}.cart-page__layout{grid-template-columns:minmax(0,1.8fr) minmax(280px,1fr);align-items:start;gap:32px;display:grid}.cart-page__summary{position:sticky;top:90px}.cart-page__continue{text-align:center;color:var(--color-text-muted);margin-top:12px;font-size:13px;display:block}.cart-page__trust{text-align:center;color:var(--color-text-muted);margin:14px 0 0;font-size:12px}.cart-page .alert{margin:0 0 16px}.ship-bar{border-radius:var(--radius);background:var(--color-bg-alt);margin-bottom:16px;padding:14px 16px;font-size:14px}.ship-bar p{margin:0 0 8px}.ship-bar__track{background:#ddd2bc;border-radius:999px;height:6px;overflow:hidden}.ship-bar__fill{background:var(--color-accent);border-radius:999px;height:100%;transition:width .3s}.cart-item{border:1px solid var(--color-border);border-radius:var(--radius);background:var(--color-surface);grid-template-columns:96px 1fr auto 100px auto;align-items:center;gap:16px;margin-bottom:12px;padding:14px;display:grid}.cart-item.has-problem{border-color:#f0c9a8}.cart-item__img img{object-fit:cover;border-radius:10px;width:96px;height:96px;display:block}.cart-item__info{flex-direction:column;gap:3px;font-size:14px;display:flex}.cart-item__brand{color:var(--color-text-muted);font-size:12px}.cart-item__name{font-size:15px;font-weight:600;text-decoration:none}.cart-item__warn{color:var(--color-warning);font-size:12px}.cart-item__total{text-align:right}.cart-item__remove{font-size:13px}@media (width<=900px){.cart-page__layout{grid-template-columns:1fr}.cart-page__summary{position:static}.cart-item{grid-template-columns:72px 1fr}.cart-item__img img{width:72px;height:72px}.cart-item .quantity,.cart-item__total,.cart-item__remove{justify-self:start}}.checkout{grid-template-columns:minmax(0,1.6fr) minmax(300px,1fr);align-items:start;gap:40px;display:grid}.checkout h1{margin:0 0 20px;font-size:28px}.checkout__main{flex-direction:column;gap:20px;display:flex}.checkout__main>.alert{margin:0}.checkout .card h2{align-items:center;gap:10px;display:flex}.checkout__note{margin-top:16px}.checkout__pay{border-color:#cfd9f0;box-shadow:0 4px 18px #1e46c80f}.checkout__pay .check{margin:16px 0 8px}.checkout__pay .alert{margin:12px 0}.checkout__pay-head{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.checkout__pay-head h2{margin:0!important}.checkout__pay-info{margin:0;font-size:14px;line-height:1.5}.checkout__submit{margin-top:12px;padding:16px;font-size:17px}.checkout__secure{text-align:center;color:var(--color-text-muted);margin:12px 0 0;font-size:12px}.checkout__summary{position:sticky;top:90px}.checkout__vat{margin:12px 0 0;font-size:12px}.checkout__back{color:var(--color-text-muted);margin-top:12px;font-size:13px;display:inline-block}@media (width<=900px){.checkout{grid-template-columns:1fr}.checkout__summary{order:-1;position:static}}.step{background:var(--color-accent);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:26px;height:26px;font-size:13px;font-weight:700;display:inline-flex}.iyzico-badge{color:#1e46c8;background:#eaf0ff;border-radius:999px;align-items:center;gap:6px;padding:6px 12px;font-size:13px;display:inline-flex}.iyzico-badge strong{font-size:15px}.choice-list{flex-direction:column;gap:10px;margin-bottom:16px;display:flex}.options-grid{grid-template-columns:1fr 1fr;gap:12px;margin-bottom:14px;display:grid}@media (width<=700px){.options-grid{grid-template-columns:1fr}}.choice{border:1.5px solid var(--color-border);background:var(--color-bg);cursor:pointer;border-radius:10px;align-items:flex-start;gap:10px;padding:14px 16px;font-size:14px;display:flex}.choice input{accent-color:var(--color-accent);margin-top:3px}.choice>span{flex-direction:column;gap:3px;display:flex}.choice small{color:var(--color-text-muted)}.choice b{margin-top:4px}.choice.is-selected{border-color:var(--color-accent);background:var(--color-accent-soft)}.home .hero{aspect-ratio:1600/582;padding:72px var(--gutter);background:linear-gradient(90deg,#faf6efe6 0%,#faf6ef80 30%,#faf6ef00 45%),url(/images/brand/hero.jpg) 50%/100% 100% no-repeat;grid-template-columns:1.2fr 1fr;align-items:center;display:grid}.home .hero__content{max-width:680px}.home .hero__content h1{margin:0 0 16px;font-family:Georgia,Times New Roman,serif;font-size:56px;font-weight:600;line-height:1.1}.home .hero__content p{color:var(--color-text);margin:0 0 28px;font-size:19px}.home .story-banner{max-width:calc(var(--max-width) - 2 * var(--gutter));background:var(--color-bg-alt);border-radius:16px;margin:32px auto 0;position:relative;overflow:hidden}.home .story-banner:before{content:"";background:linear-gradient(90deg, var(--color-bg-alt) 0%, #f0e9dc00 30%), url(/images/brand/mutluluk.jpg) left center/cover no-repeat;width:60%;position:absolute;top:0;bottom:0;right:0}.home .story-banner__content{flex-direction:column;justify-content:center;align-items:flex-start;max-width:560px;min-height:160px;padding:24px 56px;display:flex;position:relative}.home .story-banner__content h2{margin:0 0 6px;font-family:Georgia,Times New Roman,serif;font-size:30px;font-weight:600}.home .story-banner__content p{color:var(--color-text);margin:0 0 14px;font-size:16px}.home .home-section{max-width:var(--max-width);padding:32px var(--gutter);margin:0 auto}.home .home-section__head{justify-content:space-between;align-items:baseline;margin-bottom:20px;display:flex}.home .home-section__head h2{margin:0;font-family:Georgia,Times New Roman,serif;font-size:26px;font-weight:600}.home .home-section__head a{color:var(--color-text-muted);font-size:14px}.home .home-categories{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:24px;display:grid}.home .category-card{aspect-ratio:1600/695;border-radius:var(--radius);color:var(--color-text);background:#f3e7d9;align-items:center;text-decoration:none;transition:transform .2s;display:flex;position:relative;overflow:hidden}.home .category-card:hover{transform:translateY(-2px)}.home .category-card__photo{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.home .category-card__icon{width:26%;color:var(--color-accent);position:absolute;top:50%;left:12%;transform:translateY(-50%)}.home .category-card__icon svg{width:100%;height:auto;display:block}.home .category-card__name{text-align:center;width:48%;margin-left:48%;font-family:Georgia,Times New Roman,serif;font-size:clamp(15px,1.6vw,22px);position:relative}.home .category-card__name:after{content:"";background:var(--color-accent);width:40px;height:2px;margin:8px auto 0;display:block}.home .new-arrivals{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:24px;display:grid}.home .new-arrival{border:1px solid var(--color-border);border-radius:var(--radius);background:var(--color-surface);color:var(--color-text);align-items:center;gap:16px;padding:12px;text-decoration:none;transition:transform .2s;display:flex}.home .new-arrival:hover{transform:translateY(-2px)}.home .new-arrival__media{aspect-ratio:1;background:var(--color-bg-alt);border-radius:8px;flex:0 0 40%;overflow:hidden}.home .new-arrival__media img{object-fit:contain;width:100%;height:100%;display:block}.home .new-arrival__body{flex-direction:column;gap:12px;min-width:0;display:flex}.home .new-arrival__name{-webkit-line-clamp:3;-webkit-box-orient:vertical;font-size:15px;line-height:1.35;display:-webkit-box;overflow:hidden}.home .new-arrival__price{font-size:18px;font-weight:600}.home .promo-banner{max-width:calc(var(--max-width) - 2 * var(--gutter));background:var(--color-bg-alt);border-radius:16px;grid-template-columns:1.4fr 1fr;align-items:center;margin:32px auto 56px;display:grid;overflow:hidden}.home .promo-banner__content{padding:48px}.home .promo-banner__content h2{margin:0 0 12px;font-size:26px}.home .promo-banner__content p{color:var(--color-text-muted);margin:0 0 20px;line-height:1.5}.home .promo-banner__img{object-fit:cover;width:100%;height:100%;min-height:240px;display:block}.home .promo-banner--text-only{grid-template-columns:1fr}@media (width<=900px){.home .hero{padding:44px var(--gutter);grid-template-columns:1fr}.home .hero__content h1{font-size:30px}.home .hero__art{display:none}.home .hero{aspect-ratio:auto;background:url(/images/brand/hero.jpg) top center/100% auto no-repeat, var(--color-bg-alt);padding-top:calc(36.375vw + 28px)}.home .story-banner{margin:24px var(--gutter) 0}.home .story-banner:before{aspect-ratio:728/120;background:url(/images/brand/mutluluk.jpg) 50%/cover no-repeat;width:100%;bottom:auto}.home .story-banner__content{min-height:0;padding:calc((100vw - 2 * var(--gutter)) * 120 / 728 + 20px) 20px 24px}.home .story-banner__content h2{font-size:24px}.home .home-categories{gap:12px}.home .promo-banner{margin:24px var(--gutter) 40px;grid-template-columns:1fr}.home .promo-banner__img{aspect-ratio:16/9;order:-1;min-height:0}.home .promo-banner__content{padding:28px}}.product-detail__layout{grid-template-columns:1fr 1fr;align-items:start;gap:48px;display:grid}.product-detail__image{background:var(--color-surface);border-radius:16px;position:relative;overflow:hidden}.product-detail__image img{aspect-ratio:1;object-fit:cover;width:100%;display:block}.product-detail__image .badge{position:absolute;top:14px;left:14px}.product-detail__thumbs{gap:10px;margin-top:12px;display:flex}.product-detail__thumbs button{cursor:pointer;border:2px solid #0000;border-radius:10px;width:72px;padding:0;overflow:hidden}.product-detail__thumbs button[aria-pressed=true]{border-color:var(--color-accent)}.product-detail__thumbs button img{aspect-ratio:1;object-fit:cover;display:block}.product-detail__brand{letter-spacing:.04em;text-transform:uppercase;color:var(--color-text-muted);font-size:13px}.product-detail__info h1{margin:4px 0 12px;font-size:30px;line-height:1.2}.product-detail__price{margin:0 0 20px;font-size:26px;font-weight:700}.product-detail__price s{color:var(--color-text-muted);margin-left:8px;font-size:16px;font-weight:400}.product-detail .options{border:none;flex-wrap:wrap;gap:8px;margin:0 0 18px;padding:0;display:flex}.product-detail .options legend{width:100%;color:var(--color-text-muted);margin-bottom:8px;padding:0;font-size:14px}.product-detail .options legend strong{color:var(--color-text)}.product-detail .option{border:1.5px solid var(--color-border);background:var(--color-surface);min-width:52px;color:var(--color-text);cursor:pointer;border-radius:8px;padding:9px 14px;font-size:14px}.product-detail .option.is-selected{border-color:var(--color-accent);background:var(--color-accent-soft);font-weight:600}.product-detail .option.is-out{color:var(--color-text-muted);text-decoration:line-through}.product-detail .option:disabled{opacity:.35;cursor:not-allowed}.product-detail__stock{margin:0 0 20px;font-size:13px}.product-detail__stock--in{color:var(--color-success)}.product-detail__stock--low{color:var(--color-warning)}.product-detail__stock--out{color:var(--color-danger)}.product-detail__buy{align-items:center;gap:16px;margin-bottom:16px;display:flex}.product-detail__description{color:var(--color-text-muted);margin:20px 0;line-height:1.6}.product-detail__perks{border-radius:var(--radius);background:var(--color-bg-alt);flex-direction:column;gap:8px;margin:0;padding:16px;font-size:14px;list-style:none;display:flex}.product-detail__related{margin-top:56px}.product-detail__related h2{margin:0 0 20px;font-size:22px}@media (width<=900px){.product-detail__layout{grid-template-columns:1fr;gap:24px}.product-detail__info h1{font-size:24px}}.pet-banner{color:var(--color-text);background:#f3e6d6;border-radius:16px;text-decoration:none;display:block;position:relative;overflow:hidden}.pet-banner__img{width:100%;height:auto;display:block}.pet-banner__content{flex-direction:column;justify-content:center;align-items:flex-start;width:48%;padding:0 6% 0 0;display:flex;position:absolute;top:0;bottom:0;right:0}.pet-banner__content h2{margin:0 0 10px;font-size:clamp(20px,2.4vw,32px);line-height:1.2}.pet-banner__content p{color:var(--color-text-muted);margin:0 0 18px;font-size:clamp(13px,1.1vw,16px);line-height:1.5}.pet-banner__eyebrow{letter-spacing:.08em;text-transform:uppercase;color:var(--color-accent);margin-bottom:6px;font-size:13px;font-weight:600}.pet-banner--link{transition:transform .2s}.pet-banner--link:hover{transform:translateY(-2px)}@media (width<=600px){.pet-banner__content{width:auto;padding:16px 20px 20px;position:static}}.product-list__head{justify-content:space-between;align-items:center;gap:16px;margin-bottom:24px;display:flex}.product-list__head h1{margin:0;font-size:26px}.product-list__head h1 span{font-size:15px;font-weight:400}.product-list__sort select{min-width:220px}.product-list__layout{grid-template-columns:220px minmax(0,1fr);align-items:start;gap:32px;display:grid}.product-list .is-stale{opacity:.6;transition:opacity .2s}.filters{flex-direction:column;gap:24px;display:flex;position:sticky;top:90px}.filters section{flex-direction:column;gap:10px;display:flex}.filters h2{letter-spacing:.04em;text-transform:uppercase;color:var(--color-text-muted);margin:0 0 2px;font-size:13px}.filters__link{font-size:14px;text-decoration:none}.filters__link:hover{text-decoration:underline}.filters__price{grid-template-columns:1fr 1fr;gap:8px;display:grid}.filters__price .input{padding:8px 10px;font-size:14px}.filters__price button{grid-column:1/-1}@media (width<=900px){.product-list__head{flex-direction:column;align-items:stretch}.product-list__layout{grid-template-columns:1fr}.filters{border-radius:var(--radius);background:var(--color-bg-alt);flex-flow:wrap;gap:16px 24px;padding:16px;position:static}}.product-list__banner{margin-bottom:24px}:root{--color-bg:#faf6ef;--color-bg-alt:#f0e9dc;--color-surface:#fff;--color-text:#2b2620;--color-text-muted:#7a7263;--color-border:#e6ddcb;--color-input-border:#d8cfbd;--color-accent:#c9773f;--color-accent-hover:#b36833;--color-accent-soft:#fff7ee;--color-success:#2e7d32;--color-warning:#b36833;--color-danger:#c0392b;--color-danger-soft:#fdecea;--radius:12px;--gutter:48px;--max-width:1280px}@media (width<=900px){:root{--gutter:16px}}*{box-sizing:border-box}html,body{margin:0;padding:0}body{background:var(--color-bg);color:var(--color-text);-webkit-font-smoothing:antialiased;font-family:Helvetica Neue,Arial,sans-serif}a{color:inherit}img{max-width:100%}button{font:inherit}.visually-hidden{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}#root{flex-direction:column;min-height:100vh;display:flex}main{flex:1}.page{width:100%;max-width:var(--max-width);padding:32px var(--gutter) 56px;margin:0 auto}.page--narrow{max-width:560px}.page>h1{margin:0 0 24px;font-size:28px}.muted{color:var(--color-text-muted)}.btn{background:var(--color-accent);color:#fff;cursor:pointer;border:none;border-radius:4px;justify-content:center;align-items:center;gap:8px;padding:14px 28px;font-size:15px;font-weight:600;text-decoration:none;display:inline-flex}.btn:hover:not(:disabled){background:var(--color-accent-hover)}.btn:disabled{opacity:.55;cursor:not-allowed}.btn:focus-visible{outline:2px solid var(--color-text);outline-offset:2px}.btn--block{width:100%}.btn--small{padding:10px 16px;font-size:14px}.btn--ghost{border:1px solid var(--color-border);color:var(--color-text);background:0 0}.btn--ghost:hover:not(:disabled){background:var(--color-bg-alt)}.link-btn{color:var(--color-accent);cursor:pointer;background:0 0;border:none;padding:0;font-size:14px;text-decoration:underline}.field{color:var(--color-text-muted);flex-direction:column;gap:6px;font-size:13px;display:flex}.field--full{grid-column:1/-1}.input{border:1px solid var(--color-input-border);background:var(--color-surface);width:100%;color:var(--color-text);font:inherit;border-radius:8px;padding:11px 12px;font-size:15px}.input:focus{outline:2px solid var(--color-accent);outline-offset:-1px}.input[aria-invalid=true]{border-color:var(--color-danger);background:#fff6f5}select.input{appearance:auto}.field-error{color:var(--color-danger);font-size:12px}.check{color:var(--color-text);align-items:flex-start;gap:10px;font-size:14px;line-height:1.4;display:flex}.check input{accent-color:var(--color-accent);margin-top:2px}.form-grid{grid-template-columns:1fr 1fr;gap:14px;display:grid}@media (width<=700px){.form-grid{grid-template-columns:1fr}}.form-stack{flex-direction:column;gap:16px;display:flex}.card{border:1px solid var(--color-border);background:var(--color-surface);border-radius:14px;padding:24px}.card>h2{margin:0 0 18px;font-size:18px}.alert{background:var(--color-danger-soft);color:#a32a1c;border-radius:8px;padding:12px 14px;font-size:14px}.alert--info{color:#1e46c8;background:#eef4ff}.alert--success{color:#1b5e20;background:#e8f5e9}.alert--warning{color:#6b5411;background:#fff8e1}.empty-state{text-align:center;padding:48px 16px}.empty-state p{color:var(--color-text-muted);margin:0 0 20px}.spinner{border:3px solid var(--color-border);border-top-color:var(--color-accent);border-radius:50%;width:28px;height:28px;margin:48px auto;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.badge{background:var(--color-accent);color:#fff;border-radius:6px;padding:4px 8px;font-size:12px;font-weight:600;display:inline-block}.badge--muted{background:var(--color-bg-alt);color:var(--color-text-muted)}.status-pill{background:var(--color-bg-alt);border-radius:999px;padding:4px 10px;font-size:12px;font-weight:600;display:inline-block}.status-pill--Paid,.status-pill--Processing{color:#1b5e20;background:#e8f5e9}.status-pill--Shipped,.status-pill--Delivered{color:#1e46c8;background:#eef4ff}.status-pill--Cancelled,.status-pill--Refunded{background:var(--color-danger-soft);color:#a32a1c}.breadcrumbs{color:var(--color-text-muted);flex-wrap:wrap;gap:6px;margin:0 0 16px;padding:0;font-size:13px;list-style:none;display:flex}.breadcrumbs a{text-decoration:none}.breadcrumbs a:hover{text-decoration:underline}.breadcrumbs li+li:before{content:"/";margin-right:6px}.product-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:24px;display:grid}.product-grid--3{grid-template-columns:repeat(3,minmax(0,1fr))}@media (width<=1000px){.product-grid,.product-grid--3{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}}.product-card{border-radius:var(--radius);background:var(--color-bg-alt);flex-direction:column;gap:10px;padding:14px;display:flex;position:relative}.product-card__link{color:var(--color-text);flex-direction:column;flex:1;gap:6px;text-decoration:none;display:flex}.product-card__media{background:var(--color-surface);border-radius:8px;position:relative;overflow:hidden}.product-card__media img{aspect-ratio:1;object-fit:cover;width:100%;transition:transform .3s;display:block}.product-card__media .badge{position:absolute;top:10px;left:10px}.product-card:hover .product-card__media img{transform:scale(1.03)}.product-card__brand{color:var(--color-text-muted);margin-top:6px;font-size:12px}.product-card__name{margin:0;font-size:15px;line-height:1.35}.product-card__price{margin:2px 0 0;font-weight:700}.product-card__price s{color:var(--color-text-muted);margin-left:6px;font-size:13px;font-weight:400}.product-card__out{color:var(--color-danger);font-size:12px}.price-from{color:var(--color-text-muted);font-size:12px;font-weight:400}.quantity{border:1px solid var(--color-border);background:var(--color-surface);border-radius:999px;align-items:center;gap:12px;padding:6px 10px;display:inline-flex}.quantity button{background:var(--color-bg-alt);cursor:pointer;border:none;border-radius:50%;width:28px;height:28px;font-size:16px}.quantity button:disabled{opacity:.4;cursor:not-allowed}.quantity span{text-align:center;min-width:20px;font-weight:600}.summary{background:var(--color-bg-alt);border-radius:14px;padding:24px}.summary h2{margin:0 0 16px;font-size:18px}.summary__row{justify-content:space-between;padding:6px 0;font-size:14px;display:flex}.summary__row--total{border-top:1px solid var(--color-border);margin-top:8px;padding-top:14px;font-size:18px;font-weight:700}.line-items{flex-direction:column;gap:12px;margin:0 0 16px;padding:0;list-style:none;display:flex}.line-items li{grid-template-columns:56px 1fr auto;align-items:center;gap:12px;font-size:14px;display:grid}.line-items img{object-fit:cover;background:var(--color-surface);border-radius:8px;width:56px;height:56px}.line-items small{color:var(--color-text-muted);display:block}.pagination{justify-content:center;align-items:center;gap:8px;margin-top:32px;font-size:14px;display:flex}
