/*
 * SorfPanel Reference UI v18.0.0
 * Ortak storefront görünüm katmanı. Mevcut PHP/DB/CMS bağlantılarını değiştirmeden
 * header, footer, ürün kartı ve mobil alt navigasyonu tek bir tasarım dilinde toplar.
 */
:root{
  --sorf-brand:#ff6000;
  --sorf-brand-strong:#f05a00;
  --sorf-brand-soft:#fff4ec;
  --sorf-text:#1f1f1f;
  --sorf-text-2:#545454;
  --sorf-muted:#8d8d8d;
  --sorf-line:#e8e8e8;
  --sorf-line-strong:#d9d9d9;
  --sorf-surface:#fff;
  --sorf-bg:#fff;
  --sorf-soft:#f7f7f7;
  --sorf-success:#16883e;
  --sorf-radius-xs:6px;
  --sorf-radius-sm:8px;
  --sorf-radius:10px;
  --sorf-radius-lg:14px;
  --sorf-shadow:0 2px 10px rgba(0,0,0,.055);
  --sorf-shadow-hover:0 8px 24px rgba(0,0,0,.09);
  --sorf-container:1240px;
  --sp-orange:var(--sorf-brand);
  --sp-orange-dark:var(--sorf-brand-strong);
}
html{background:#fff}
body{background:var(--sorf-bg);color:var(--sorf-text);font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;-webkit-font-smoothing:antialiased}
.container{width:min(calc(100% - 32px),var(--sorf-container))!important;max-width:var(--sorf-container)!important;margin-inline:auto!important}
main{min-height:55vh}
a{transition:color .16s ease,border-color .16s ease,background-color .16s ease,box-shadow .16s ease,transform .16s ease}

/* Desktop header */
.topbar{display:none!important}
.header{position:sticky!important;top:0!important;z-index:80!important;background:#fff!important;border-bottom:0!important;box-shadow:0 1px 0 rgba(0,0,0,.055)!important}
.header::after{content:"";display:block;height:3px;background:linear-gradient(90deg,#ff6000 0 18%,#20b8cf 18% 36%,#ffbf00 36% 54%,#8a44d8 54% 72%,#35a853 72% 86%,#ff6000 86% 100%)}
.header-main{min-height:72px!important;height:72px!important;display:grid!important;grid-template-columns:minmax(140px,190px) minmax(340px,1fr) auto!important;gap:22px!important;align-items:center!important}
.header-main>.logo{display:flex!important;align-items:center!important;justify-content:flex-start!important;min-width:0!important;text-decoration:none!important;color:var(--sorf-brand)!important}
.header-main>.logo img{display:block!important;max-width:178px!important;max-height:42px!important;width:auto!important;height:auto!important;object-fit:contain!important;object-position:left center!important}
.header-main>.logo strong{font-size:25px!important;font-weight:800!important;letter-spacing:-1px!important;color:var(--sorf-brand)!important;white-space:nowrap!important}
.sp-header__search{height:40px!important;min-height:40px!important;border:1px solid #dedede!important;border-radius:6px!important;background:#fafafa!important;padding:0 78px 0 38px!important;box-shadow:none!important}
.sp-header__search:focus-within{background:#fff!important;border-color:#bcbcbc!important;box-shadow:0 0 0 2px rgba(255,96,0,.07)!important}
.sp-header__search input{height:38px!important;line-height:38px!important;font-size:12px!important;color:#333!important}
.sp-header__search input::placeholder{color:#999!important}
.sp-header__search-submit{left:12px!important;color:#777!important}.sp-header__search-submit svg{width:16px!important;height:16px!important}
.sp-header__search-action{width:27px!important;height:27px!important;padding:5px!important;color:#8a8a8a!important}.sp-header__search-action--voice{right:37px!important}.sp-header__search-action--camera{right:7px!important}
.head-actions{display:flex!important;align-items:stretch!important;justify-content:flex-end!important;gap:3px!important;height:54px!important}
.head-actions>a{position:relative!important;min-width:61px!important;padding:5px 7px!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:3px!important;color:#3b3b3b!important;border-radius:7px!important;font-size:10px!important;font-weight:500!important;line-height:1.1!important;text-decoration:none!important;white-space:nowrap!important}
.head-actions>a:hover{background:#fafafa!important;color:var(--sorf-brand)!important}
.head-actions .sp-icon,.head-actions svg{width:19px!important;height:19px!important;min-width:19px!important}
.head-actions .cart-link b{position:absolute!important;top:1px!important;right:7px!important;min-width:16px!important;height:16px!important;display:grid!important;place-items:center!important;border-radius:10px!important;background:var(--sorf-brand)!important;color:#fff!important;font-size:9px!important;padding:0 4px!important}
.category-nav{height:39px!important;min-height:39px!important;display:flex!important;align-items:center!important;gap:0!important;overflow:visible!important;border-top:1px solid #f3f3f3!important}
.category-nav>a,.category-nav .desktop-customer-links a,.category-nav .allcat{height:38px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;padding:0 10px!important;border:0!important;background:transparent!important;color:#555!important;font-size:11px!important;font-weight:500!important;text-decoration:none!important;white-space:nowrap!important}
.category-nav>a:hover,.category-nav .desktop-customer-links a:hover,.category-nav .allcat:hover{color:var(--sorf-brand)!important;background:#fafafa!important}
.category-nav .allcat{padding-left:0!important;font-weight:650!important;color:#333!important;gap:6px!important}.category-nav .allcat svg{width:16px!important;height:16px!important}.category-dot{display:none!important}
.desktop-customer-links{display:flex!important;margin-left:auto!important;align-items:center!important;height:100%!important}
.mega-menu{top:100%!important;border:1px solid var(--sorf-line)!important;border-radius:0 0 10px 10px!important;box-shadow:0 12px 28px rgba(0,0,0,.10)!important;background:#fff!important}

/* Product cards shared by homepage, listing, favorites and recommendations */
.product-grid{gap:14px!important}
.sp-product-card{border:1px solid var(--sorf-line)!important;border-radius:8px!important;box-shadow:none!important;background:#fff!important;overflow:hidden!important;transform:none!important}
.sp-product-card:hover{border-color:#d8d8d8!important;box-shadow:var(--sorf-shadow-hover)!important;transform:translateY(-1px)!important}
.sp-product-card__media{aspect-ratio:1/1.06!important;background:#fff!important}
.sp-product-card__image{padding:9px!important;transition:transform .22s ease!important}
.sp-product-card:hover .sp-product-card__image{transform:scale(1.025)!important}
.sp-product-card__cargo-badge{left:7px!important;top:7px!important;padding:4px 6px!important;border-radius:4px!important;background:#eef9f1!important;color:#238447!important;font-size:9px!important;font-weight:700!important;box-shadow:none!important}
.sp-product-card__discount{left:7px!important;bottom:7px!important;padding:4px 6px!important;border-radius:4px!important;font-size:9px!important;background:var(--sorf-brand)!important}
.sp-product-card__favorite-form{right:7px!important;top:7px!important}.sp-product-card__favorite{width:30px!important;height:30px!important;border:1px solid #e5e5e5!important;box-shadow:0 1px 5px rgba(0,0,0,.07)!important;color:#555!important}.sp-product-card__favorite:hover{color:var(--sorf-brand)!important;border-color:#ffc6a4!important}.sp-product-card__favorite svg{width:15px!important;height:15px!important}
.sp-product-card__body{padding:9px 10px 10px!important}.sp-product-card__title{min-height:33px!important;margin:0 0 5px!important;font-size:11.5px!important;line-height:1.42!important;color:#303030!important}.sp-product-card__title strong{font-weight:700!important}.sp-product-card__rating{margin:0 0 5px!important;gap:2px!important;font-size:10px!important}.sp-product-card__rating-score{color:#555!important}.sp-product-card__rating-star{font-size:11px!important;color:#f2a900!important}.sp-product-card__rating small{font-size:9px!important;color:#999!important}.sp-product-card__price{margin:0!important;gap:0!important}.sp-product-card__price del{font-size:9.5px!important;line-height:1.2!important}.sp-product-card__price strong{font-size:14px!important;line-height:1.25!important;font-weight:750!important;color:#232323!important}.sp-product-card__advantage{margin-top:5px!important;padding:3px 5px!important;border-radius:4px!important;font-size:8.5px!important;background:#fff2e9!important;color:var(--sorf-brand)!important}
.sp-product-card__actions{position:absolute!important;left:8px!important;right:8px!important;bottom:8px!important;z-index:5!important;padding:0!important;gap:5px!important;opacity:0!important;pointer-events:none!important;transform:translateY(5px)!important;transition:.16s ease!important}.sp-product-card:hover .sp-product-card__actions{opacity:1!important;pointer-events:auto!important;transform:none!important}.sp-product-card__add{height:32px!important;border-radius:6px!important;font-size:10px!important;background:var(--sorf-brand)!important}.sp-product-card__compare{height:32px!important;width:32px!important;border-radius:6px!important}
.section{margin-top:24px!important;margin-bottom:8px!important}.section-head{margin-bottom:10px!important}.section-head h2{font-size:20px!important;line-height:1.25!important;letter-spacing:-.25px!important}.section-head .eyebrow{font-size:9px!important;color:var(--sorf-brand)!important;font-weight:750!important}.section-head>a{font-size:11px!important;color:#777!important}.section-head>a:hover{color:var(--sorf-brand)!important}

/* Footer */
.site-footer{margin-top:34px!important;padding-top:36px!important;background:#fafafa!important;color:#555!important;border-top:1px solid #e8e8e8!important}
.footer-grid{display:grid!important;grid-template-columns:1.55fr repeat(4,1fr)!important;gap:30px!important}.footer-grid h3{margin:0 0 12px!important;color:#222!important;font-size:13px!important}.footer-grid a{color:#666!important;font-size:11px!important}.footer-brand p,.footer-grid p{font-size:11px!important;line-height:1.6!important;color:#737373!important}.footer-logo img{max-width:165px!important;max-height:38px!important}.footer-trust{margin-top:12px!important;gap:6px!important}.footer-trust span{border:1px solid #dedede!important;background:#fff!important;color:#555!important;border-radius:6px!important;padding:5px 7px!important;font-size:9.5px!important}.footer-social{display:flex!important;gap:6px!important;margin-top:12px!important}.footer-social a{min-width:30px!important;height:30px!important;padding:0 7px!important;border:1px solid #dedede!important;border-radius:6px!important;background:#fff!important;display:grid!important;place-items:center!important;font-size:8px!important;font-weight:700!important}.footer-bottom{min-height:58px!important;margin-top:26px!important;padding:13px 0!important;border-top:1px solid #e1e1e1!important;color:#888!important;font-size:10px!important}.developer-credit{background:#fff!important;border:1px solid #e1e1e1!important;color:#555!important;border-radius:7px!important;padding:6px 9px!important}.developer-credit small{color:#999!important}

/* Responsive desktop */
@media (max-width:1100px) and (min-width:769px){.container{width:min(calc(100% - 24px),var(--sorf-container))!important}.header-main{grid-template-columns:150px minmax(250px,1fr) auto!important;gap:12px!important}.head-actions>a{min-width:52px!important;padding-inline:4px!important}.category-nav>a{padding-inline:7px!important}.desktop-customer-links{display:none!important}.footer-grid{grid-template-columns:1.4fr repeat(2,1fr)!important}.footer-grid>div:nth-child(4),.footer-grid>div:nth-child(5){margin-top:10px!important}}

/* Mobile shared shell */
@media(max-width:768px){
  :root{--sorf-mobile-nav-h:61px}
  html,body{background:#fff!important}
  body{padding-bottom:calc(var(--sorf-mobile-nav-h) + env(safe-area-inset-bottom,0px))!important}
  .container{width:100%!important;max-width:none!important;padding-left:12px!important;padding-right:12px!important}
  .site-footer{display:none!important}
  .mobile-nav{position:fixed!important;left:0!important;right:0!important;bottom:0!important;z-index:9999!important;height:calc(var(--sorf-mobile-nav-h) + env(safe-area-inset-bottom,0px))!important;min-height:var(--sorf-mobile-nav-h)!important;padding:0 4px env(safe-area-inset-bottom,0px)!important;background:#fff!important;border-top:1px solid #e5e5e5!important;box-shadow:0 -2px 8px rgba(0,0,0,.045)!important;display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr))!important;align-items:stretch!important}
  .mobile-nav>.menu-node{display:block!important;min-width:0!important}.mobile-nav .menu-node>a{position:relative!important;height:var(--sorf-mobile-nav-h)!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:2px!important;padding:5px 1px 4px!important;color:#666!important;font-size:9px!important;font-weight:500!important;line-height:1.05!important;text-align:center!important;text-decoration:none!important}.mobile-nav .menu-node>a .sp-icon,.mobile-nav .menu-node>a>svg{width:20px!important;height:20px!important;min-width:20px!important}.mobile-nav .menu-node>a.is-active,.mobile-nav .menu-node>a.active{color:var(--sorf-brand)!important;font-weight:650!important}.mobile-nav .menu-badge{top:3px!important;margin-left:21px!important;min-width:14px!important;height:14px!important;line-height:14px!important;padding:0 3px!important;border-radius:8px!important;background:var(--sorf-brand)!important;font-size:8px!important}.mobile-nav .submenu{display:none!important}

  /* Homepage mobile header from the existing dynamic mobile-home component */
  body.home-mobile-ready>.header,body.home-mobile-ready>.topbar{display:none!important}
  body.home-mobile-ready .mobile-home-only{display:block!important;background:#fff!important;color:var(--sorf-text)!important;padding-bottom:4px!important}
  body.home-mobile-ready .mh-mobile-header{position:sticky!important;top:0!important;z-index:80!important;padding:4px 12px 8px!important;background:#fff!important;border-bottom:1px solid #ececec!important;box-shadow:none!important}
  body.home-mobile-ready .mh-header-top{display:grid!important;grid-template-columns:minmax(0,1fr) 34px 34px!important;gap:6px!important;align-items:center!important;height:42px!important;min-height:42px!important}
  body.home-mobile-ready .mh-menu-btn{display:none!important}
  body.home-mobile-ready .mh-brand{grid-column:1!important;justify-self:start!important;width:auto!important;height:34px!important;display:flex!important;align-items:center!important;justify-content:flex-start!important;overflow:visible!important;padding:0!important;margin:0!important}
  body.home-mobile-ready .mh-brand img{display:block!important;max-width:142px!important;max-height:30px!important;width:auto!important;height:auto!important;object-fit:contain!important;object-position:left center!important;margin:0!important}
  body.home-mobile-ready .mh-brand-text{display:inline-flex!important;align-items:baseline!important;justify-content:flex-start!important;font-size:20px!important;line-height:1!important;letter-spacing:-.7px!important;font-weight:850!important;white-space:nowrap!important;color:#222!important}.mh-brand-text i{color:var(--sorf-brand)!important;font-style:normal!important}
  body.home-mobile-ready .mh-header-actions{display:contents!important}.mh-notification-icon{grid-column:2!important}.mh-cart-icon{grid-column:3!important}
  body.home-mobile-ready .mh-header-icon{width:34px!important;height:34px!important;display:grid!important;place-items:center!important;color:#3d3d3d!important;position:relative!important}.mh-header-icon svg,.mh-header-icon .sp-icon{width:19px!important;height:19px!important}.mh-header-icon b{position:absolute!important;right:-1px!important;top:0!important;min-width:14px!important;height:14px!important;line-height:14px!important;border-radius:8px!important;background:var(--sorf-brand)!important;color:#fff!important;font-size:8px!important;text-align:center!important;padding:0 3px!important}
  body.home-mobile-ready .mh-search{display:grid!important;grid-template-columns:31px minmax(0,1fr) 31px!important;align-items:center!important;width:100%!important;height:36px!important;margin:2px 0 0!important;padding:0 4px!important;border:1px solid #dedede!important;border-radius:6px!important;background:#fafafa!important;box-shadow:none!important;overflow:hidden!important}.mh-search input{height:34px!important;line-height:34px!important;padding:0 2px!important;border:0!important;background:transparent!important;outline:0!important;font-size:10.5px!important;color:#333!important}.mh-search button{width:31px!important;height:34px!important;padding:0!important;border:0!important;background:transparent!important;color:#777!important;display:grid!important;place-items:center!important}.mh-search button svg,.mh-search button .sp-icon{width:15px!important;height:15px!important}
  body.home-mobile-ready .mh-tabs{display:flex!important;overflow-x:auto!important;gap:17px!important;height:35px!important;padding:0 12px!important;background:#fff!important;border-bottom:1px solid #eee!important;scrollbar-width:none!important}.mh-tabs::-webkit-scrollbar{display:none!important}.mh-tabs a{height:35px!important;display:flex!important;align-items:center!important;white-space:nowrap!important;padding:0!important;border-bottom:2px solid transparent!important;color:#666!important;font-size:9.5px!important;text-decoration:none!important}.mh-tabs a.active{background:transparent!important;color:var(--sorf-brand)!important;border-color:var(--sorf-brand)!important;font-weight:700!important}
  body.home-mobile-ready .mh-quick-rail{display:flex!important;overflow-x:auto!important;gap:13px!important;padding:8px 12px 5px!important;margin:0!important;background:#fff!important;scrollbar-width:none!important}.mh-quick-rail::-webkit-scrollbar{display:none!important}.mh-quick-rail a{flex:0 0 52px!important;min-width:52px!important;color:#444!important;text-align:center!important;text-decoration:none!important;position:relative!important}.mh-quick-rail a>span{width:43px!important;height:43px!important;margin:0 auto 4px!important;display:grid!important;place-items:center!important;border-radius:50%!important;background:#f5f5f5!important;overflow:hidden!important;font-size:20px!important}.mh-quick-rail img{width:100%!important;height:100%!important;object-fit:cover!important}.mh-quick-rail b{display:block!important;font-size:8.5px!important;line-height:1.15!important;font-weight:500!important}.mh-quick-rail em{position:absolute!important;right:0!important;top:-2px!important;padding:2px 3px!important;border-radius:4px!important;background:var(--sorf-brand)!important;color:#fff!important;font-size:6.5px!important;font-style:normal!important}
  body.home-mobile-ready .mh-banner-row{display:flex!important;overflow-x:auto!important;gap:8px!important;padding:5px 12px 2px!important;scroll-snap-type:x mandatory!important;scrollbar-width:none!important}.mh-banner-row::-webkit-scrollbar{display:none!important}.mh-banner{flex:0 0 100%!important;height:100px!important;min-height:100px!important;border-radius:6px!important;overflow:hidden!important;scroll-snap-align:center!important;color:#fff!important;background:linear-gradient(135deg,#6443d9,#a24ede)!important;text-decoration:none!important;box-shadow:none!important}.mh-banner img{width:100%!important;height:100%!important;object-fit:cover!important}.mh-banner>div:first-child{padding:15px!important}.mh-banner small{font-size:7.5px!important}.mh-banner b{font-size:15px!important;line-height:1.15!important;margin:2px 0!important}.mh-banner span{font-size:8.5px!important}.mh-banner-art{font-size:34px!important}
  .mh-dots{height:12px!important;display:flex!important;justify-content:center!important;align-items:center!important;gap:3px!important}.mh-dots i{width:4px!important;height:4px!important;border-radius:50%!important;background:#d7d7d7!important}.mh-dots i.active{width:12px!important;border-radius:3px!important;background:var(--sorf-brand)!important}
  body.home-mobile-ready .mh-section{margin:0!important;padding:8px 12px 4px!important;background:#fff!important;border-top:1px solid #f0f0f0!important}.mh-head{margin:0 0 6px!important;display:flex!important;align-items:center!important;justify-content:space-between!important}.mh-head h2{margin:0!important;font-size:12px!important;font-weight:700!important;color:#222!important}.mh-head a{font-size:8.5px!important;color:#777!important;text-decoration:none!important}
  .mh-product-rail{display:flex!important;overflow-x:auto!important;gap:8px!important;padding:0 0 4px!important;scrollbar-width:none!important}.mh-product-rail::-webkit-scrollbar{display:none!important}.mh-product-card{flex:0 0 42%!important;min-width:0!important;border:0!important;border-radius:0!important;background:#fff!important;box-shadow:none!important}.mh-product-card>a{display:block!important;color:inherit!important;text-decoration:none!important}.mh-product-image{position:relative!important;height:132px!important;border:1px solid #efefef!important;border-radius:6px!important;background:#fff!important;overflow:hidden!important}.mh-product-image img{width:100%!important;height:100%!important;object-fit:contain!important;padding:5px!important}.mh-product-image button{position:absolute!important;right:5px!important;top:5px!important;width:25px!important;height:25px!important;border:1px solid #e7e7e7!important;border-radius:50%!important;background:#fff!important;color:var(--sorf-brand)!important;font-size:15px!important;line-height:1!important;box-shadow:0 1px 4px rgba(0,0,0,.05)!important}.mh-product-image em{position:absolute!important;left:5px!important;bottom:5px!important;padding:3px 4px!important;border-radius:3px!important;background:var(--sorf-brand)!important;color:#fff!important;font-size:7px!important;font-style:normal!important}.mh-product-info{padding:5px 1px 0!important}.mh-product-info strong{display:-webkit-box!important;-webkit-line-clamp:2!important;-webkit-box-orient:vertical!important;overflow:hidden!important;min-height:25px!important;font-size:9px!important;line-height:1.35!important;font-weight:500!important;color:#333!important}.mh-stars{margin:2px 0!important;font-size:7px!important;color:#f1a400!important;letter-spacing:-1px!important}.mh-stars small{color:#999!important;letter-spacing:0!important}.mh-product-info>span{display:inline-block!important;margin:1px 0!important;padding:2px 3px!important;border-radius:3px!important;background:#fff1e8!important;color:var(--sorf-brand)!important;font-size:6.5px!important}.mh-product-info>b{display:block!important;margin-top:2px!important;font-size:11.5px!important;color:#222!important}.mh-product-info>del{display:block!important;font-size:7px!important;color:#aaa!important}
  .mh-brand-rail,.mh-category-rail{display:flex!important;gap:8px!important;overflow-x:auto!important;scrollbar-width:none!important}.mh-brand-rail a,.mh-category-rail a{flex:0 0 78px!important;min-height:58px!important;border:1px solid #eee!important;border-radius:6px!important;display:grid!important;place-items:center!important;text-align:center!important;padding:5px!important;color:#333!important;font-size:8.5px!important;text-decoration:none!important}.mh-category-rail span{width:38px!important;height:38px!important;display:grid!important;place-items:center!important;font-size:20px!important;overflow:hidden!important}.mh-category-rail img{width:100%!important;height:100%!important;object-fit:contain!important}

  /* Shared product-card when it appears on mobile non-home pages */
  .product-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important}.sp-product-card{border-radius:6px!important}.sp-product-card__media{aspect-ratio:1/1.08!important}.sp-product-card__image{padding:6px!important}.sp-product-card__body{padding:7px!important}.sp-product-card__title{font-size:9.5px!important;min-height:28px!important}.sp-product-card__price strong{font-size:12px!important}.sp-product-card__actions{display:none!important}.sp-product-card__cargo-badge{font-size:7px!important;padding:3px 4px!important}.sp-product-card__favorite{width:26px!important;height:26px!important}
}

/* ========================================================================== */
/* SorfPanel Reference Homepage v18.1 — desktop + mobile home                  */
/* ========================================================================== */
.sp-home-desktop{display:block;background:#fff;padding:16px 0 38px}
.sp-home-hero-shell{display:grid;grid-template-columns:190px minmax(0,1fr) 185px;gap:12px;align-items:stretch}
.sp-home-category-panel{border:1px solid #e8e8e8;border-radius:8px;background:#fff;padding:13px 0;min-height:342px}
.sp-home-category-panel h2{font-size:13px;margin:0 14px 9px;color:#222}
.sp-home-category-panel nav{display:grid}.sp-home-category-panel nav a{display:grid;grid-template-columns:20px minmax(0,1fr) 10px;align-items:center;gap:6px;height:26px;padding:0 13px;color:#555;text-decoration:none;font-size:10px}.sp-home-category-panel nav a:hover{background:#fff7f2;color:var(--sorf-brand)}.sp-home-category-panel nav a span{font-size:12px;text-align:center}.sp-home-category-panel nav a b{font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sp-home-category-panel nav a i{font-style:normal;color:#bbb;font-size:14px}
.sp-home-hero-main{position:relative;min-width:0}.sp-home-campaign-hero{position:relative;display:flex;height:285px;border-radius:9px;overflow:hidden;text-decoration:none;background:linear-gradient(125deg,#5023ad,#8d4fe5 52%,#3d8dd9);color:#fff}.sp-home-campaign-hero>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.sp-home-campaign-hero.has-image:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(20,10,45,.66),rgba(20,10,45,.12) 64%,transparent)}.sp-home-campaign-copy{position:relative;z-index:2;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;width:55%;padding:26px}.sp-home-campaign-copy small{font-size:9px;font-weight:800;letter-spacing:.09em}.sp-home-campaign-copy strong{font-size:28px;line-height:1.05;margin:7px 0;letter-spacing:-.7px}.sp-home-campaign-copy em{font-size:11px;line-height:1.45;font-style:normal;opacity:.95}.sp-home-campaign-copy b{display:inline-flex;margin-top:14px;padding:9px 14px;border-radius:6px;background:#fff;color:#5631b8;font-size:9px}.sp-home-hero-art{margin:auto 42px auto auto;font-size:94px;filter:drop-shadow(0 18px 18px rgba(0,0,0,.18));transform:rotate(-8deg)}.sp-home-hero-dots{position:absolute;left:0;right:0;bottom:10px;z-index:3;display:flex;justify-content:center;gap:5px}.sp-home-hero-dots i{width:5px;height:5px;border-radius:99px;background:rgba(255,255,255,.55)}.sp-home-hero-dots i.is-active{width:20px;background:#fff}
.sp-home-hero-side{display:grid;gap:10px}.sp-home-hero-side>a{display:flex;flex-direction:column;justify-content:center;min-height:135px;padding:16px;border:1px solid #eee;border-radius:8px;text-decoration:none;background:linear-gradient(145deg,#fff8f3,#fff);color:#222}.sp-home-hero-side>a:nth-child(2){background:linear-gradient(145deg,#eef8ff,#fff)}.sp-home-hero-side small{font-size:8px;font-weight:800;color:var(--sorf-brand);letter-spacing:.05em}.sp-home-hero-side strong{font-size:15px;line-height:1.2;margin:5px 0}.sp-home-hero-side span{font-size:9px;color:#777}
.sp-home-shortcuts{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;padding-top:12px}.sp-home-shortcuts>a{display:grid;grid-template-columns:48px minmax(0,1fr);grid-template-rows:auto auto;column-gap:9px;align-items:center;min-height:64px;padding:8px 10px;border:1px solid #ededed;border-radius:8px;color:#333;text-decoration:none;background:#fff}.sp-home-shortcut-art{grid-row:1/3;display:grid;place-items:center;width:46px;height:46px;border-radius:7px;background:#f7f7f7;font-size:23px}.sp-home-shortcuts b{align-self:end;font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sp-home-shortcuts small{align-self:start;font-size:8px;color:#888;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.sp-home-section{padding-top:22px}.sp-home-section-head{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:10px}.sp-home-section-head>div small{display:block;color:var(--sorf-brand);font-size:8px;font-weight:800;letter-spacing:.08em;margin-bottom:3px}.sp-home-section-head h2{font-size:17px;line-height:1.1;margin:0;color:#222}.sp-home-section-head>a{font-size:9px;color:#777;text-decoration:none}.sp-home-product-grid{grid-template-columns:repeat(5,minmax(0,1fr))!important;gap:10px!important}.sp-home-store-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px}.sp-home-store-card{border:1px solid #eee;border-radius:8px;padding:12px;text-align:center;color:#333;text-decoration:none}.sp-home-store-card>div{height:55px;display:grid;place-items:center;font-size:25px}.sp-home-store-card h3{font-size:10px;margin:5px 0}.sp-home-store-card span{display:block;color:#f5a000;font-size:8px}.sp-home-store-card small{font-size:7px;color:#999}.sp-home-empty-products{display:flex;align-items:center;justify-content:center;gap:13px;min-height:110px;border:1px dashed #e4e4e4;border-radius:8px;background:#fafafa;color:#777}.sp-home-empty-products>span{font-size:32px}.sp-home-empty-products b,.sp-home-empty-products small{display:block}.sp-home-empty-products b{font-size:12px;color:#444}.sp-home-empty-products small{font-size:9px;margin-top:3px}
.sp-home-desktop .sp-campaign-placement{max-width:1180px;margin:12px auto 0;padding:0 16px}.sp-home-desktop .sp-campaign-card{border-radius:8px;overflow:hidden}

@media(max-width:1100px) and (min-width:769px){.sp-home-hero-shell{grid-template-columns:170px minmax(0,1fr)}.sp-home-hero-side{display:none}.sp-home-shortcuts{grid-template-columns:repeat(4,minmax(0,1fr))}.sp-home-product-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important}.sp-home-store-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}

@media(max-width:768px){
  .sp-home-desktop{display:none!important}
  body.home-mobile-ready main{padding:0!important;background:#fff!important}
  body.home-mobile-ready .mobile-home-only{display:block!important;background:#fff!important;padding-bottom:70px!important}
  body.home-mobile-ready .mh-mobile-header{padding:8px 13px 7px!important;border-bottom:0!important;box-shadow:none!important}
  body.home-mobile-ready .mh-header-top{height:38px!important;min-height:38px!important;grid-template-columns:minmax(0,1fr) 32px 32px!important;gap:5px!important}
  body.home-mobile-ready .mh-menu-btn{display:none!important}
  body.home-mobile-ready .mh-brand{grid-column:1!important;justify-self:start!important;justify-content:flex-start!important;height:32px!important;padding:0!important}
  body.home-mobile-ready .mh-brand img{max-width:136px!important;max-height:27px!important;margin:0!important;object-position:left center!important}
  body.home-mobile-ready .mh-brand-text{font-size:20px!important;justify-content:flex-start!important;letter-spacing:-.7px!important}
  body.home-mobile-ready .mh-header-actions{display:contents!important}.mh-notification-icon{grid-column:2!important}.mh-cart-icon{grid-column:3!important}
  body.home-mobile-ready .mh-header-icon{width:32px!important;height:32px!important}.mh-header-icon svg,.mh-header-icon .sp-icon{width:19px!important;height:19px!important}
  body.home-mobile-ready .mh-search{height:36px!important;margin-top:4px!important;border-radius:6px!important;grid-template-columns:31px minmax(0,1fr) 31px!important;background:#f7f7f7!important}
  body.home-mobile-ready .mh-search input{height:34px!important;line-height:34px!important;font-size:10px!important}.mh-search button{width:31px!important;height:34px!important}.mh-search button svg,.mh-search button .sp-icon{width:15px!important;height:15px!important}
  body.home-mobile-ready .mh-tabs{height:32px!important;padding:0 13px!important;gap:18px!important;border-bottom:1px solid #eee!important}.mh-tabs a{height:32px!important;font-size:8.5px!important}.mh-tabs a.active{background:transparent!important;color:var(--sorf-brand)!important;border-bottom:2px solid var(--sorf-brand)!important}
  body.home-mobile-ready .mh-banner-row{padding:7px 13px 2px!important;gap:7px!important}.mh-banner{height:103px!important;min-height:103px!important;border-radius:6px!important}.mh-banner>div:first-child{padding:14px!important}.mh-banner b{font-size:15px!important}.mh-banner span{font-size:8px!important}
  body.home-mobile-ready .mh-quick-rail{padding:7px 13px 8px!important;gap:12px!important;border-bottom:1px solid #f0f0f0!important}.mh-quick-rail a{flex-basis:52px!important}.mh-quick-rail a>span{width:42px!important;height:42px!important;border-radius:6px!important}.mh-quick-rail b{font-size:8px!important}
  body.home-mobile-ready .mh-section{padding:9px 13px 6px!important;border-top:0!important}.mh-section+.mh-section{border-top:1px solid #f1f1f1!important}.mh-head{margin-bottom:6px!important}.mh-head h2{font-size:11px!important}.mh-head a{font-size:8px!important;color:#777!important}
  .mh-product-rail{gap:8px!important}.mh-product-card{flex-basis:43%!important}.mh-product-image{height:132px!important}.mh-product-info strong{font-size:8.8px!important}.mh-product-info>b{font-size:11px!important}
  body.home-mobile-ready .sp-campaign-placement{margin:4px 13px!important;padding:0!important}.sp-campaign-card{border-radius:6px!important;min-height:70px!important}
}
/* v1.1 Pass 8: admin-controlled optional brand mark */
.brand-logo{display:inline-flex;align-items:center;gap:8px;min-width:0}
.brand-logo-mark{display:inline-grid;place-items:center;flex:0 0 auto;width:var(--brand-logo-size,40px);height:var(--brand-logo-size,40px);border-radius:12px;background:#ff6000;color:#fff;font-size:calc(var(--brand-logo-size,40px)*.38);font-weight:800;line-height:1;letter-spacing:-.02em}


/* 2026-08-11 — desktop homepage horizontal spacing only */
@media (min-width:1101px){
  body.page-index .sp-home-desktop > .container,
  body.page-index .sp-home-desktop .sp-home-hero-shell,
  body.page-index .sp-home-desktop .sp-home-shortcuts,
  body.page-index .sp-home-desktop .sp-home-section{
    width:calc(100% - 32px)!important;
    max-width:1320px!important;
    margin-left:auto!important;
    margin-right:auto!important;
  }
  body.page-index .sp-home-shortcuts{
    margin-left:auto!important;
    max-width:1320px!important;
  }
}