.detail-page{background:#f7f5ee;color:#202a24;font-family:'Be Vietnam Pro',Arial,sans-serif}
.detail-wrap{max-width:1512px;padding:0 55px;margin:auto}
.detail-breadcrumb{display:flex;flex-wrap:wrap;gap:10px;padding:38px 0 72px;font-size:20px;font-weight:300}.detail-breadcrumb a{color:#66736c}.detail-breadcrumb strong{font-weight:400}
.product-overview{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(330px,1fr);gap:32px;align-items:start}
.gallery{display:grid;grid-template-columns:145px minmax(0,1fr);gap:25px;min-width:0}.thumbs{display:flex;flex-direction:column;gap:10px;max-height:760px;overflow-y:auto;padding-right:12px;border-right:1px solid #31543c;scrollbar-width:thin}.gallery-thumb{border:1px solid transparent;padding:0;background:none;cursor:pointer;flex:none}.gallery-thumb.selected{border-color:#07482e}.gallery-thumb img{display:block;width:100%;height:120px;object-fit:cover}.gallery-main{position:relative;aspect-ratio:0.78;background:#e8eee8}.gallery-main>img{display:block;width:100%;height:100%;object-fit:cover;object-position:center}.gallery-main .favorite{right:20px;top:20px}
.gallery.single-image{grid-template-columns:1fr}.gallery.single-image .gallery-main>img{object-fit:contain}
.gallery .thumbs[hidden]{display:none}
.detail-page [hidden]{display:none!important}
.product-info h1{font:400 clamp(32px,3.7vw,54px)/1.15 Noto,Georgia,serif;margin:0 0 24px}.product-info>small{font-size:15px;color:#657168}.product-info .intro{font-size:16px;line-height:1.5;font-style:italic;max-width:480px;margin:26px 0 48px}.detail-accordion details,.extra-accordions details{border-top:1px solid #9aafa1}.detail-accordion details:last-child{border-bottom:1px solid #9aafa1}.detail-accordion summary,.extra-accordions summary{cursor:pointer;list-style:none;padding:18px 0;font-size:19px;display:flex;justify-content:space-between;align-items:center}.detail-accordion summary::-webkit-details-marker,.extra-accordions summary::-webkit-details-marker{display:none}.detail-accordion summary:after,.extra-accordions summary:after{content:'⌄';font-size:24px;font-weight:300}.detail-accordion details[open] summary:after,.extra-accordions details[open] summary:after{content:'⌃'}.size-options{display:flex;gap:10px;padding:10px 0 25px;flex-wrap:wrap}.size-options button{border:1px solid #07482e;color:#07482e;background:transparent;padding:9px;font-size:12px}.size-options button.selected,.size-options button:hover{background:#07482e;color:#fff}.detail-colors{display:flex;gap:20px;padding:5px 0 24px}.detail-colors button{background:none;border:0;color:#07482e;display:flex;flex-direction:column;gap:5px;align-items:center}.detail-colors i{display:block;width:34px;height:34px;border-radius:50%}.detail-colors button.selected i{outline:2px solid #07482e;outline-offset:3px}.spec-list{margin:0 0 20px;color:#31583d;font-size:13px;line-height:1.55}.spec-list div{display:grid;grid-template-columns:42% 1fr;gap:10px;padding:5px 0}.spec-list dt,.spec-list dd{margin:0}.purchase{padding:42px 0}.purchase>strong{display:block;font:400 30px Noto,Georgia,serif;margin-bottom:24px}.purchase>div{display:flex;flex-wrap:wrap;gap:20px;align-items:center}.purchase .stock{background:#07482e;color:white;padding:8px 12px;font-size:15px}.purchase .button{padding:7px 12px;font-size:15px}
.extra-accordions{margin:88px 20px 150px}.extra-accordions details:last-child{border-bottom:1px solid #9aafa1}.extra-accordions p{font-size:15px;line-height:1.6;max-width:1050px;margin:0 15px 20px}.related-track{display:flex;gap:20px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;padding:14px 0 20px}.related-track::-webkit-scrollbar{display:none}.related-card{display:block;flex:0 0 23%;min-width:180px;scroll-snap-align:start;color:#202a24}.related-card img{width:100%;aspect-ratio:0.9;object-fit:contain;background:#e8eee8}.related-card span{display:block;text-decoration:underline;text-underline-offset:4px;margin-top:12px;font-size:16px}.related-card:hover span{color:#07482e}
.detail-editorial{display:grid;grid-template-columns:40% 1fr;column-gap:18%;row-gap:100px;align-items:start;margin:0 20px 160px}.detail-editorial img{display:block;width:100%;object-fit:cover}.detail-editorial img:first-child{aspect-ratio:0.78}.detail-editorial img:nth-child(2){aspect-ratio:0.93;margin-top:50px}.detail-editorial img:nth-child(3){aspect-ratio:0.71}.detail-editorial>div{align-self:end;font-size:16px;line-height:1.65;padding-bottom:20px}.detail-editorial p{margin:0 0 25px}
.detail-look{margin:0 0 90px}.detail-look h2{position:absolute;width:1px;height:1px;overflow:hidden}.detail-look .look-image{position:relative;aspect-ratio:1364/784}.detail-look .look-image>img{width:100%;height:100%;object-fit:cover}.detail-recommend{margin:0 20px 110px}.detail-recommend h2{font:400 32px Noto,Georgia,serif;border-bottom:1px solid #596c60;padding-bottom:12px;margin-bottom:35px}.detail-recommend .related-card{flex-basis:24%}
@media(max-width:900px){.detail-wrap{padding:0 25px}.product-overview{grid-template-columns:1fr}.gallery{grid-template-columns:110px 1fr}.product-info{max-width:670px}.extra-accordions{margin:45px 0 90px}.detail-editorial{gap:40px;margin:0 0 80px}.detail-editorial img:nth-child(2){margin-top:0}.related-card{flex-basis:35%}}
@media(max-width:600px){.detail-wrap{padding:0 18px}.detail-breadcrumb{font-size:13px;padding:24px 0 30px}.gallery{display:flex;flex-direction:column-reverse;gap:10px}.gallery-main{width:100%;aspect-ratio:0.95}.thumbs{flex-direction:row;border:0;max-height:none;overflow-x:auto;padding:2px 0 10px}.gallery-thumb{width:76px}.gallery-thumb img{height:76px}.product-info h1{margin:27px 0 12px}.product-info .intro{margin:20px 0 30px}.size-options button{font-size:11px}.spec-list{font-size:12px}.detail-accordion summary,.extra-accordions summary{font-size:16px}.purchase{padding:25px 0}.purchase>strong{font-size:25px}.extra-accordions{margin-bottom:65px}.related-card{flex-basis:49%}.related-card span{font-size:13px}.detail-editorial{grid-template-columns:1fr 1fr;gap:20px}.detail-editorial img:first-child{aspect-ratio:.75}.detail-editorial img:nth-child(2){aspect-ratio:.75}.detail-editorial img:nth-child(3){grid-column:1/-1;aspect-ratio:1.5}.detail-editorial>div{grid-column:1/-1;font-size:14px}.detail-look{margin-bottom:60px}.detail-look .look-image{aspect-ratio:1.25}.detail-recommend{margin:0 0 60px}.detail-recommend h2{font-size:25px}}
@media(prefers-reduced-motion:reduce){.detail-page *{scroll-behavior:auto!important}}