.c-split--sidebar{grid-template-columns:1fr minmax(0,16rem)}.l-detail-banner{position:relative;width:100%;margin-left:50%;transform:translateX(-50%);color:var(--color-surface);backdrop-filter:blur(10px);overflow:hidden}.l-detail-banner__bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:0}.l-detail-banner__overlay{position:absolute;inset:0;background:rgb(0 0 0 / .5);z-index:1;pointer-events:none}.l-detail-banner__inner{position:relative;z-index:2;display:flex;gap:var(--space-8);align-items:center;max-width:1600px;margin:0 auto;padding:var(--space-24) var(--pad-x) 0;min-height:32rem}.l-detail-banner__info{flex:1;min-width:0}.l-detail-banner__breadcrumb{margin-bottom:var(--space-4)}.l-detail-banner__breadcrumb a{color:rgb(255 255 255 / .7);text-decoration:none;font-size:var(--text-sm)}.l-detail-banner__breadcrumb a:hover{color:#fff}.l-detail-banner__breadcrumb li:not(:last-child)::after{color:rgb(255 255 255 / .4)}.l-detail-banner__breadcrumb span{color:rgb(255 255 255 / .9)}.l-detail-banner__category{display:inline-block;font-size:var(--text-xs);font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:rgb(255 255 255 / .7);margin-bottom:var(--space-3)}.l-detail-banner__title{font-size:var(--text-4xl);color:#fff;margin:0 0 var(--space-4)}.l-detail-banner__desc{font-size:var(--text-base);color:rgb(255 255 255 / .85);margin:0 0 var(--space-6);line-height:1.7}.l-detail-banner__actions{display:flex;flex-wrap:wrap;gap:var(--space-3)}.l-detail-banner__actions .btn--primary{background:var(--color-surface);color:var(--color-primary);border-color:var(--color-surface)}.l-detail-banner__actions .btn--primary:hover{background:rgb(255 255 255 / .9);color:var(--color-primary-hover)}.l-detail-banner__actions .btn--outline{border-color:rgb(255 255 255 / .7);color:#fff}.l-detail-banner__actions .btn--outline:hover{background:rgb(255 255 255 / .12);border-color:#fff}.l-detail-banner__gallery{flex:0 0 500px;min-width:0;display:flex;flex-direction:column;gap:var(--space-4)}.l-detail-banner__main-img{position:relative;width:100%;aspect-ratio:1 / 1;border-radius:var(--radius-xl);overflow:hidden;background:rgb(255 255 255 / .08);border:1px solid rgb(255 255 255 / .15)}.l-detail-banner__main-img img{width:100%;height:100%;object-fit:cover;display:block;transition:opacity 0.25s ease}.l-detail-banner__thumbs{position:relative;display:flex;align-items:center;gap:var(--space-2)}.l-detail-banner__thumbs-viewport{flex:1;overflow:hidden;border-radius:var(--radius-md)}.l-detail-banner__thumbs-track{display:flex;gap:var(--space-2);transition:transform 0.35s ease}.l-detail-banner__thumb{flex:0 0 calc(25% - 0.375rem);min-width:0;aspect-ratio:1 / 1;padding:0;border-radius:var(--radius-md);overflow:hidden;cursor:pointer;border:2px solid #fff0;background:rgb(255 255 255 / .08);transition:border-color var(--transition-fast),opacity var(--transition-fast)}.l-detail-banner__thumb:hover{border-color:rgb(255 255 255 / .5)}.l-detail-banner__thumb.is-active{border-color:#fff;opacity:1}.l-detail-banner__thumb img{width:100%;height:100%;object-fit:cover;display:block}.l-detail-banner__thumb-prev,.l-detail-banner__thumb-next{flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;min-width:var(--touch-min);min-height:var(--touch-min);border:1px solid rgb(255 255 255 / .3);border-radius:999px;background:rgb(255 255 255 / .1);color:#fff;cursor:pointer;transition:background var(--transition-fast),border-color var(--transition-fast)}.l-detail-banner__thumb-prev:hover,.l-detail-banner__thumb-next:hover{background:rgb(255 255 255 / .22);border-color:rgb(255 255 255 / .6)}.l-detail-banner__thumb-prev:disabled,.l-detail-banner__thumb-next:disabled{opacity:.35;cursor:default}.l-detail-body{padding-block:var(--space-12)}.l-detail-body__main{min-width:0}.l-detail-body__tabs{position:sticky;top:var(--header-h);z-index:10;display:flex;gap:var(--space-1);padding:var(--space-3);margin-bottom:var(--space-8);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);overflow-x:auto;scrollbar-width:none}.l-detail-body__tabs::-webkit-scrollbar{display:none}.l-detail-body__tab{flex:0 0 auto;min-height:var(--touch-min);padding:var(--space-2) var(--space-5);border:none;border-radius:var(--radius-md);background:#fff0;font-family:var(--font-heading);font-size:var(--text-sm);font-weight:600;color:var(--color-text-muted);cursor:pointer;white-space:nowrap;transition:color var(--transition-fast),background var(--transition-fast)}.l-detail-body__tab:hover{color:var(--color-primary);background:var(--color-primary-soft)}.l-detail-body__tab.is-active{color:var(--color-surface);background:var(--color-primary)}.l-detail-body__content{min-width:0}.l-detail-body__content h2{font-size:var(--text-3xl);margin:0 0 var(--space-6);color:var(--color-primary)}.l-detail-body__section{margin-bottom:var(--space-12)}.l-detail-body__section:last-child{margin-bottom:0}.l-detail-body__section h3{font-size:var(--text-xl);margin:0 0 var(--space-3)}.l-detail-body__section p{color:var(--color-text-muted);line-height:1.8;margin:0 0 var(--space-4)}.l-detail-body__section ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--space-3)}.l-detail-body__section ul li{position:relative;padding-left:var(--space-6);line-height:1.6}.l-detail-body__section ul li::before{content:"\f058";font-family:"Font Awesome 6 Free";font-weight:900;position:absolute;left:0;top:0;color:var(--color-accent);font-size:var(--text-base)}.l-detail-body__table-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch;border:1px solid var(--color-border);border-radius:var(--radius-lg)}.l-detail-body__table{width:100%;border-collapse:collapse;font-size:var(--text-sm)}.l-detail-body__table th,.l-detail-body__table td{text-align:left;padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--color-border)}.l-detail-body__table th{background:var(--color-surface-muted);font-weight:700;width:30%;white-space:nowrap}.l-detail-body__table tr:last-child th,.l-detail-body__table tr:last-child td{border-bottom:none}.l-related-products{padding-block:var(--space-12);border-top:1px solid var(--color-border)}.l-related-products__title{font-size:var(--text-3xl);margin:0 0 var(--space-8)}@media (min-width:64em){.c-product-list{grid-template-columns:repeat(4,1fr)}}@media (max-width:74.99em){.l-detail-banner__gallery{flex:0 0 400px}.l-detail-banner__title{font-size:var(--text-4xl)}}@media (max-width:63.99em){.l-detail-banner__inner{flex-direction:column;gap:var(--space-8);min-height:auto}.l-detail-banner__info{order:1;text-align:center}.l-detail-banner__desc{max-width:none}.l-detail-banner__actions{justify-content:center}.l-detail-banner__gallery{flex:0 0 auto;width:100%;max-width:28rem;margin:0 auto}.l-detail-banner__title{font-size:var(--text-4xl)}}@media (max-width:47.99em){.l-detail-banner__inner{gap:var(--space-6)}.l-detail-banner__gallery{max-width:100%}.l-detail-banner__title{font-size:var(--text-3xl)}.l-detail-banner__desc{font-size:var(--text-sm)}.l-detail-banner__actions{flex-direction:column;align-items:stretch}.l-detail-banner__actions .btn{width:100%}.l-detail-banner__main-img{border-radius:var(--radius-lg)}.l-detail-banner__thumb{flex:0 0 calc(33.333% - 0.44rem)}.l-detail-body{padding-block:var(--space-8)}.l-detail-body__tabs{top:0;margin-left:calc(-1 * var(--pad-x));margin-right:calc(-1 * var(--pad-x));border-radius:0;border-left:none;border-right:none}.l-detail-body__content h2{font-size:var(--text-2xl)}.c-split--sidebar{grid-template-columns:1fr}}@media (max-width:29.99em){.l-detail-banner__thumb{flex:0 0 calc(50% - 0.25rem)}.l-detail-banner__thumb-prev,.l-detail-banner__thumb-next{min-width:2.5rem;min-height:2.5rem}}