.hero{width:100%;height:250px;position:relative}.hero-image{width:100%;height:100%;background-size:cover;background-position:center;display:flex;align-items:center;justify-content:center;position:relative}#hero-image{background-image:var(--hero-bg-mobile, var(--hero-bg, var(--default-hero-mobile)))}@media(min-width:768px){#hero-image{background-image:var(--hero-bg-pc, var(--hero-bg, var(--default-hero-pc)))}}.hero-image:after{content:"";position:absolute;inset:0;display:none}.hero-text{position:relative;z-index:1;text-align:center;color:var(--color-hero-text)}.hero-text h1{font-size:1.5rem;margin-bottom:.5rem;text-shadow:1px 1px 3px var(--overlay);color:var(--color-hero-title, inherit)}.hero-text p{font-size:1rem;text-shadow:1px 1px 3px var(--overlay);color:var(--color-hero-subtitle, inherit)}html[data-category-hide-title] #hero-title,html[data-category-hide-title] .category-title,html[data-category-hide-description] #hero-subtitle,html[data-category-hide-title][data-category-hide-description] .hero-text{display:none}html[data-category-hide-description] .hero-text h1{margin-bottom:0}.categories{background:var(--color-cat-bar-bg);padding:1rem 0;margin-bottom:1rem;box-shadow:var(--shadow-xs);position:sticky;top:70px;z-index:var(--z-categories)}.categories-list{display:flex;overflow-x:auto;list-style:none;padding:0 1rem;gap:.75rem;scrollbar-width:none}.categories-title{display:none}.categories-list::-webkit-scrollbar{display:none}.categories-list li{flex:0 0 auto}.categories-list a{display:block;padding:.5rem 1rem;border-radius:var(--radius-pill);background-color:var(--color-cat-tab-bg, var(--color-surface-soft));color:var(--color-cat-tab-text, var(--color-text-medium));font-size:.9rem;font-weight:500;transition:background-color .2s;white-space:nowrap}.categories-list li.active a{background-color:var(--color-cat-tab-active-bg, var(--color-primary));color:var(--color-cat-tab-active-text, var(--color-surface))}.categories:before,.categories:after{content:"";position:absolute;top:0;bottom:0;width:2.75rem;z-index:2;pointer-events:none;opacity:0;transition:opacity .2s ease}.categories:before{left:0;background:linear-gradient(90deg,var(--color-cat-bar-bg) 35%,var(--color-surface-transparent))}.categories:after{right:0;background:linear-gradient(270deg,var(--color-cat-bar-bg) 35%,var(--color-surface-transparent))}.categories.can-scroll-left:before,.categories.can-scroll-right:after{opacity:1}.categories.is-scroll-hinting .categories-list{animation:category-scroll-hint .85s ease-out}@keyframes category-scroll-hint{0%,to{transform:translate(0)}45%{transform:translate(-14px)}}.catalog-controls{display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:1rem}.catalog-sort{display:inline-flex;align-items:center;flex:0 0 auto;gap:.45rem;min-width:0;height:40px;padding:0 .75rem;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-control)}.catalog-sort-icon{width:18px;height:18px;flex:0 0 auto;color:var(--color-text-strong)}.catalog-sort select{width:auto;min-width:max-content;max-width:9.5rem;border:none;background:transparent;color:var(--color-text);font:inherit;font-size:.9rem;cursor:pointer}.catalog-view-toggle{display:inline-flex;align-items:center;flex:0 0 auto;gap:.15rem;padding:.25rem;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-control)}.catalog-view-btn{display:inline-flex;align-items:center;justify-content:center;min-width:32px;min-height:32px;border:none;border-radius:var(--radius-sm);background:transparent;color:var(--color-text-medium);cursor:pointer}.catalog-view-btn.active{background:var(--color-primary);color:var(--color-surface)}.view-icon{width:18px;height:18px;color:inherit}.category-section{margin-bottom:2rem}.category-header{display:flex;align-items:flex-start;justify-content:space-between;gap:.75rem;padding:0 1rem .75rem}.category-title{flex:1 1 auto;min-width:0;font-size:1.2rem;font-weight:600;line-height:1.2;color:var(--color-text-strong)}.category-link{flex:0 0 auto;padding-top:.18rem;font-size:.85rem;font-weight:600;color:var(--color-cat-link);text-decoration:underline;white-space:nowrap;cursor:pointer}.products-container{gap:1rem;padding:0 1rem 1rem}.products-carousel{display:flex;overflow-x:auto;scrollbar-width:none;scroll-snap-type:x mandatory}.products-carousel::-webkit-scrollbar{display:none}.products-carousel .product-card{flex:0 0 42%;min-width:140px;scroll-snap-align:start}.products-grid{display:grid;grid-template-columns:repeat(2,1fr)}.products-large{display:grid;grid-template-columns:1fr}.products-list{display:grid;grid-template-columns:1fr;gap:.75rem}.product-card{background:var(--color-card-bg);border-radius:var(--radius-md);overflow:hidden;box-shadow:var(--shadow-sm);display:flex;flex-direction:column;position:relative}.product-tag-badge{position:absolute;bottom:.85rem;right:.75rem;background-color:var(--color-active);color:#fff;font-size:.65rem;font-weight:700;padding:.25rem .5rem;border-radius:4px;text-transform:uppercase;letter-spacing:.5px;line-height:1;pointer-events:none;z-index:2}.product-card-img-wrapper{position:relative;width:100%;height:auto;overflow:hidden;display:block;background:transparent}.product-card-img{width:100%;height:auto;display:block}.product-card-price{display:flex;align-items:center;flex-wrap:wrap;gap:.25rem .5rem}.products-list .product-card{min-height:132px;flex-direction:row}.products-list .product-card-img-wrapper{width:38%;max-width:140px;flex:0 0 38%;aspect-ratio:auto;height:100%}.product-card-info{padding:.75rem .75rem .85rem}.products-list .product-card-info{display:flex;flex:1;flex-direction:column;justify-content:center;min-width:0}.product-card-title{font-size:.9rem;font-weight:400;margin-bottom:.35rem;color:var(--color-card-title);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;line-height:1.35;height:2.7em}.product-card-price{font-size:1rem;font-weight:600;color:var(--color-card-price)}.products-list .product-card-price{font-size:1.1rem}.product-card.out-of-stock-card .product-card-img-wrapper img{filter:grayscale(80%) opacity(70%)}.product-card.out-of-stock-card .product-card-title{color:var(--color-text-muted, #71717a)}@media(min-width:768px){.hero{height:360px}}@media(min-width:768px){.hero-text h2{font-size:2rem}}@media(min-width:768px){.hero-text p{font-size:1.15rem}}@media(min-width:768px){.categories{top:70px;padding:.75rem 0}}@media(min-width:768px){.categories-list{justify-content:center;overflow-x:visible;padding:0 2rem;flex-wrap:wrap;gap:.5rem}}@media(min-width:768px){.category-header{padding:0 2rem .75rem}}@media(min-width:768px){.catalog-controls{padding:1rem 2rem}}@media(min-width:768px){.catalog-view-toggle{display:inline-flex}}@media(min-width:768px){.catalog-view-btn[data-view-mode=large]{display:none}}@media(min-width:768px){.products-carousel,.products-grid,.products-large,.products-list,.products-horizontal{display:grid;grid-template-columns:repeat(3,1fr);overflow-x:visible;padding:0 2rem 1rem;gap:1rem;scroll-snap-type:none}}@media(min-width:768px){.products-carousel .product-card,.products-grid .product-card,.products-large .product-card,.products-list .product-card,.products-horizontal .product-card{flex:none;min-width:unset;scroll-snap-align:none}}@media(min-width:768px){.products-list{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(min-width:768px){.products-list .product-card{flex-direction:row;min-height:132px}}@media(min-width:768px){.products-list .product-card-img-wrapper{width:38%;max-width:140px;flex:0 0 38%;aspect-ratio:auto;height:100%}}@media(min-width:768px){.products-list .product-card-info{display:flex}}@media(min-width:768px){.products-grid{grid-template-columns:repeat(3,1fr);padding:0 2rem 1rem;gap:1rem}}@media(min-width:768px){.product-card{transition:transform .2s ease,box-shadow .2s ease}}@media(min-width:768px){.product-card:hover{transform:translateY(-3px);box-shadow:var(--shadow-card-hover)}}@media(min-width:768px){.page-body{display:flex;align-items:flex-start;padding:0 2rem;margin-top:1.5rem}}@media(min-width:768px){.categories{position:sticky;top:70px;width:220px;flex-shrink:0;height:calc(100vh - 70px);overflow-y:auto;padding:0;margin-bottom:0;box-shadow:none;border-right:1px solid var(--color-border);background:var(--color-cat-bar-bg, var(--color-surface));border-radius:var(--radius-md) var(--radius-md) 0 0}}@media(min-width:768px){.categories-title{display:block;font-size:.68rem;font-weight:700;text-transform:uppercase;letter-spacing:1px;color:var(--color-text);padding:1.25rem 1rem .75rem;border-bottom:1px solid var(--color-border-muted);margin-bottom:.5rem}}@media(min-width:768px){.categories-list{flex-direction:column;overflow-x:visible;flex-wrap:nowrap;justify-content:flex-start;padding:0;gap:0;max-width:none;margin:0}}@media(min-width:768px){.categories:before,.categories:after{content:none}}@media(min-width:768px){.categories-list li{width:100%}}@media(min-width:768px){.categories-list a{display:flex;align-items:center;justify-content:space-between;width:100%;padding:.65rem 1rem .65rem 1.1rem;white-space:normal}}@media(min-width:768px){.categories-list a span{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;line-height:1.35;max-height:2.7em;word-break:break-word;flex:1;margin-right:.5rem;text-align:left;white-space:normal}}@media(min-width:768px){.categories-list a{border-radius:0;border-left:3px solid transparent;font-size:.9rem;font-weight:400;color:var(--color-cat-tab-text, var(--color-text-muted));background:var(--color-cat-tab-bg, transparent);transition:background .15s,color .15s,border-color .15s}}@media(min-width:768px){.categories-list a:after{content:"›";font-size:1.15rem;line-height:1;color:var(--color-border-strong);transition:color .15s,transform .15s}}@media(min-width:768px){.categories-list a:hover{background:var(--color-surface-hover);color:var(--color-text-strong);border-left-color:var(--color-border-hover)}}@media(min-width:768px){.categories-list a:hover:after{color:var(--color-text-faint);transform:translate(3px)}}@media(min-width:768px){.categories-list li.active a{background:var(--color-cat-tab-active-bg, var(--color-active-bg));color:var(--color-cat-tab-active-text, var(--color-active));border-left-color:var(--color-cat-tab-active-bg, var(--color-active));font-weight:600}}@media(min-width:768px){.categories-list li.active a:after{color:var(--color-cat-tab-active-text, var(--color-active))}}@media(min-width:768px){.catalog-controls{max-width:none;margin:0;padding:1rem 1.5rem}}@media(min-width:768px){.products-carousel,.products-large,.products-list,.products-horizontal,.products-grid{max-width:none;margin:0;padding:0 1.5rem 1rem}}@media(min-width:768px){.category-header{max-width:none;margin:0;padding:0 1.5rem .75rem}}@media(min-width:1024px){.hero{height:440px}}@media(min-width:1024px){.hero-text h2{font-size:2.5rem}}@media(min-width:1024px){.products-carousel,.products-large,.products-horizontal{grid-template-columns:repeat(4,1fr)}}@media(min-width:1024px){.products-grid{grid-template-columns:repeat(4,1fr)}}@media(min-width:1024px){.products-list{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(min-width:1024px){.page-body{padding:0 var(--page-side)}}