.dona-product{background:#f6f1eb;padding:140px 40px 60px}.dona-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:80px;max-width:1400px;margin:auto}.dona-gallery{display:flex;gap:20px}.dona-thumbs img{width:70px;margin-bottom:12px;cursor:pointer;border:1px solid transparent;transition:border .2s ease}.dona-thumbs img.active{border-color:#000}.dona-main-image img{max-width:100%;display:block}.dona-info{position:sticky;top:100px}.dona-info h1{font-size:42px;margin-bottom:20px}.dona-tabs{display:flex;gap:20px;border-bottom:1px solid #ddd;margin-bottom:20px}.dona-tabs button{background:none;border:none;font-size:14px;cursor:pointer;padding-bottom:10px}.dona-tabs button.active{border-bottom:2px solid #000}.dona-tab-content{display:none;font-size:15px;line-height:1.6}.dona-tab-content.active{display:block}.dona-atc{width:100%;margin-top:30px;background:#1c1c1c;color:#fff;padding:16px;border:none;font-size:16px;cursor:pointer}.dona-recommendations{margin-top:60px;text-align:center}.dona-rec-title{font-size:18px;margin-bottom:28px}.dona-rec-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px}.dona-rec-card{text-decoration:none;color:#000;font-size:14px}.dona-rec-card img{width:100%;aspect-ratio:1 / 1;object-fit:cover;margin-bottom:10px}@media (max-width: 768px){.dona-product{padding:80px 20px 40px}.dona-grid{grid-template-columns:1fr;gap:40px}.dona-gallery{position:relative;display:block}.dona-main-image img{width:100%;height:auto}.dona-thumbs{position:absolute;right:10px;top:50%;transform:translateY(-50%);display:flex;flex-direction:column;gap:10px;z-index:5;max-height:70%;overflow-y:auto}.dona-thumbs img{width:48px;height:64px;object-fit:cover;border:2px solid transparent;background:#fff;box-shadow:0 2px 8px #00000026}.dona-thumbs img.active{border-color:#fff}.dona-info{position:static}.dona-info h1{font-size:28px;line-height:1.2}.dona-tabs{gap:14px;overflow-x:auto}.dona-tabs button{font-size:13px;white-space:nowrap}.dona-tab-content{font-size:14px}.dona-atc{font-size:15px;padding:14px}.dona-rec-grid{grid-template-columns:repeat(2,1fr);gap:16px}}@media (max-width: 480px){.dona-info h1{font-size:24px}.dona-rec-title{font-size:16px}}#DonaMainImage{transition:opacity .25s ease}
/*# sourceMappingURL=/cdn/shop/t/16/assets/product-dona.css.map */