:root{--primary:#0d5c49;--primary-dark:#0a4a3b;--accent:#f4b400;--bg:#f0f4f3;--card-bg:#fff;--text:#1a1a1a;--muted:#666;--border:#0d5c491a;--radius-sm:9px;--radius-md:14px;--radius-lg:22px;--shadow-sm:0 2px 14px #0000000f;--shadow-md:0 8px 30px #0d5c491c;--shadow-lg:0 20px 52px #0d5c4929;--transition:all .32s cubic-bezier(.4, 0, .2, 1)}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;overflow-x:hidden}body{background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;width:100%;font-family:Segoe UI,system-ui,-apple-system,sans-serif;overflow-x:hidden}.pdp-container{background:var(--bg);width:100%;max-width:2000px;min-height:100vh;margin:0 auto;padding:clamp(16px,2.2vw,48px) clamp(16px,2.8vw,56px) 0;position:relative;overflow:hidden}.pdp-container:before{content:"";pointer-events:none;background:radial-gradient(circle,#0d5c4912 0%,#0000 70%);border-radius:50%;width:clamp(260px,40vw,520px);height:clamp(260px,40vw,520px);animation:11s ease-in-out infinite floatOrb;position:absolute;top:-10vw;right:-10vw}.pdp-container:after{content:"";pointer-events:none;background:radial-gradient(circle,#f4b4000f 0%,#0000 70%);border-radius:50%;width:clamp(240px,35vw,440px);height:clamp(240px,35vw,440px);animation:14s ease-in-out infinite reverse floatOrb;position:absolute;bottom:10vw;left:-10vw}@keyframes floatOrb{0%,to{transform:translate(0)scale(1)}50%{transform:translate(20px,20px)scale(1.05)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeSlideUp{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeSlideRight{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}@keyframes fadeSlideLeft{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}@keyframes thumbPop{0%{opacity:0;transform:scale(.88)}to{opacity:1;transform:scale(1)}}.loading{min-height:100vh;color:var(--primary);background:var(--bg);text-align:center;justify-content:center;align-items:center;padding:20px;font-size:clamp(.9rem,2vw,1rem);font-weight:600;display:flex}.breadcrumbs{color:var(--muted);flex-wrap:wrap;align-items:center;gap:6px;width:100%;margin-bottom:clamp(14px,2.5vw,24px);font-size:clamp(.72rem,1.6vw,.8rem);animation:.5s both fadeIn;display:flex}.breadcrumbs span{cursor:pointer;transition:color .2s}.breadcrumbs span:hover{color:var(--primary)}.breadcrumbs span:last-child{color:var(--primary);cursor:default;white-space:nowrap;text-overflow:ellipsis;max-width:clamp(160px,35vw,300px);font-weight:600;overflow:hidden}.main-section{background:var(--card-bg);border-radius:var(--radius-lg);border:1px solid var(--border);box-shadow:var(--shadow-sm);grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:clamp(20px,3.5vw,40px);width:100%;padding:clamp(16px,3vw,36px);animation:.6s cubic-bezier(.4,0,.2,1) both fadeSlideUp;display:grid;position:relative;overflow:hidden}.main-section:before{content:"";background:linear-gradient(90deg, var(--primary), var(--accent));border-radius:var(--radius-lg) var(--radius-lg) 0 0;height:3px;position:absolute;top:0;left:0;right:0}.gallery{flex-direction:column;gap:clamp(10px,2vw,14px);width:100%;min-width:0;animation:.6s cubic-bezier(.4,0,.2,1) .1s both fadeSlideRight;display:flex}.main-img{box-sizing:border-box;object-fit:fill;object-position:center;border-radius:var(--radius-md);width:350px;height:400px;transition:var(--transition);border:1px solid var(--border);background:#f2f7f5;padding:clamp(10px,2vw,16px);display:block}.main-img:hover{transform:scale(1.02)}.thumbs{flex-wrap:wrap;gap:clamp(6px,1.5vw,10px);width:100%;display:flex}.thumb{object-fit:contain;border-radius:var(--radius-sm);cursor:pointer;width:clamp(50px,9vw,72px);height:clamp(50px,9vw,72px);transition:var(--transition);background:#f2f7f5;border:2px solid #0000;flex-shrink:0;padding:4px;animation:.35s both thumbPop}.thumb:hover{border-color:#0d5c494d;transform:translateY(-2px)}.thumb.selected{border-color:var(--primary);box-shadow:0 0 0 3px #0d5c491f}.info{flex-direction:column;gap:clamp(12px,2vw,18px);width:100%;min-width:0;animation:.6s cubic-bezier(.4,0,.2,1) .15s both fadeSlideLeft;display:flex}.info h1{color:var(--text);letter-spacing:-.3px;word-wrap:break-word;overflow-wrap:break-word;font-size:clamp(1.15rem,2.5vw,1.55rem);font-weight:700;line-height:1.35}.rating{color:var(--muted);font-size:clamp(.78rem,1.6vw,.88rem);font-weight:500}.price-block{flex-wrap:wrap;align-items:baseline;gap:clamp(8px,1.8vw,12px);display:flex}.sale-price{color:var(--primary);letter-spacing:-.5px;font-size:clamp(1.4rem,3.2vw,1.9rem);font-weight:700}.regular-price{color:#999;font-size:clamp(.85rem,1.8vw,1rem);font-weight:400;text-decoration:line-through}.short-description{color:#444;word-wrap:break-word;overflow-wrap:break-word;margin:clamp(8px,1.5vw,14px) 0;font-size:clamp(.85rem,1.8vw,.94rem);line-height:1.6}.short-description ul{margin:8px 0;padding-left:clamp(14px,3vw,18px)}.offers{border-radius:var(--radius-md);border:1px solid var(--border);background:#f7faf9;width:100%;padding:clamp(12px,2.5vw,16px) clamp(14px,3vw,18px)}.offers h4{color:var(--primary);text-transform:uppercase;letter-spacing:.5px;margin-bottom:10px;font-size:clamp(.75rem,1.6vw,.82rem);font-weight:700}.offers ul{flex-direction:column;gap:8px;list-style:none;display:flex}.offers ul li{color:var(--text);word-wrap:break-word;overflow-wrap:break-word;padding-left:16px;font-size:clamp(.78rem,1.6vw,.86rem);line-height:1.4;position:relative}.offers ul li:before{content:"";background:var(--accent);border-radius:50%;width:6px;height:6px;position:absolute;top:7px;left:0}.variant-selectors{flex-direction:column;gap:clamp(10px,2vw,14px);width:100%;display:flex}.variant-selector label{color:var(--primary);text-transform:uppercase;letter-spacing:.4px;margin-bottom:7px;font-size:clamp(.72rem,1.5vw,.78rem);font-weight:700;display:block}.variant-selector select{border-radius:var(--radius-sm);width:100%;color:var(--text);cursor:pointer;appearance:none;transition:var(--transition);background:#f7faf9 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='7' viewBox='0 0 12 7'%3E%3Cpath d='M1 1l5 5 5-5' stroke='%230d5c49' stroke-width='1.6' fill='none' stroke-linecap='round'/%3E%3C/svg%3E") right 13px center no-repeat;border:1.5px solid #0d5c492e;outline:none;padding:clamp(8px,1.8vw,10px) 36px clamp(8px,1.8vw,10px) clamp(10px,2vw,14px);font-family:inherit;font-size:clamp(.82rem,1.8vw,.9rem)}.variant-selector select:focus{border-color:var(--primary);background-color:#fff;box-shadow:0 0 0 3.5px #0d5c491a}.action-btns{gap:clamp(8px,2vw,12px);width:100%;margin-top:4px;display:flex}.btn{border-radius:var(--radius-sm);letter-spacing:.3px;cursor:pointer;min-width:0;transition:var(--transition);text-align:center;white-space:nowrap;border:none;flex:1;padding:clamp(11px,2.2vw,14px) clamp(8px,1.5vw,10px);font-size:clamp(.82rem,1.8vw,.92rem);font-weight:700;position:relative;overflow:hidden}.btn:disabled{opacity:.45;cursor:not-allowed;transform:none}.btn:after{content:"";transform-origin:0;background:#ffffff1f;transition:transform .34s cubic-bezier(.4,0,.2,1);position:absolute;inset:0;transform:scaleX(0)}.btn:hover:not(:disabled):after{transform:scaleX(1)}.cart-btn{color:var(--primary);background:#0d5c4914;border:1.5px solid #0d5c4938}.cart-btn:hover:not(:disabled){background:var(--primary);color:#fff;transform:translateY(-2px);box-shadow:0 8px 22px #0d5c4947}.buy-btn{background:var(--accent);color:#3a2600}.buy-btn:hover:not(:disabled){background:var(--primary);color:#fff;transform:translateY(-2px);box-shadow:0 8px 22px #0d5c4947}.description-section{background:var(--card-bg);border-radius:var(--radius-lg);border:1px solid var(--border);border-left:4px solid var(--primary);box-shadow:var(--shadow-sm);width:100%;margin-top:clamp(20px,3.5vw,28px);padding:clamp(18px,4vw,32px) clamp(16px,4vw,36px);transition:box-shadow .28s;animation:.6s cubic-bezier(.4,0,.2,1) .2s both fadeSlideUp}.description-section:hover{box-shadow:var(--shadow-md)}.description-section h3{color:var(--primary);word-wrap:break-word;margin-bottom:18px;padding-bottom:12px;font-size:clamp(1.05rem,2.2vw,1.2rem);font-weight:700;position:relative}.description-section h3:after{content:"";background:var(--accent);border-radius:4px;width:42px;height:3px;position:absolute;bottom:0;left:0}.description-section p,.description-section li,.description-section td{color:#444;word-wrap:break-word;overflow-wrap:break-word;font-size:clamp(.84rem,1.7vw,.91rem);line-height:1.75}.description-section ul,.description-section ol{margin-top:8px;padding-left:clamp(16px,3vw,20px)}.description-section table{border-collapse:collapse;-webkit-overflow-scrolling:touch;white-space:nowrap;width:100%;margin-top:12px;font-size:clamp(.8rem,1.6vw,.88rem);display:block;overflow-x:auto}.description-section table th,.description-section table td{text-align:left;border:1px solid #0d5c491a;padding:clamp(8px,1.8vw,10px) clamp(10px,2vw,12px)}.description-section table th{color:var(--primary);background:#0d5c490f;font-weight:700}.related-section{width:100%;margin-top:clamp(20px,3.5vw,28px);animation:.6s cubic-bezier(.4,0,.2,1) .3s both fadeSlideUp}.related-section h3{color:var(--primary);word-wrap:break-word;margin-bottom:clamp(14px,2.5vw,20px);padding-bottom:12px;font-size:clamp(1.05rem,2.2vw,1.2rem);font-weight:700;position:relative}.related-section h3:after{content:"";background:var(--accent);border-radius:4px;width:42px;height:3px;position:absolute;bottom:0;left:0}.related-products{grid-template-columns:repeat(auto-fill,minmax(min(100%,180px),1fr));gap:clamp(12px,2vw,18px);width:100%;display:grid}.related-card{background:var(--card-bg);border-radius:var(--radius-md);border:1px solid var(--border);box-shadow:var(--shadow-sm);cursor:pointer;transition:var(--transition);text-align:center;flex-direction:column;height:100%;padding:clamp(10px,2vw,14px);display:flex;overflow:hidden}.related-card:hover{box-shadow:var(--shadow-lg);border-color:#0d5c4933;transform:translateY(-6px)}.related-card img{aspect-ratio:1;object-fit:contain;border-radius:var(--radius-sm);background:#f2f7f5;width:100%;margin-bottom:10px;padding:8px;transition:transform .42s cubic-bezier(.4,0,.2,1)}.related-card:hover img{transform:scale(1.06)}.related-card .price{color:var(--primary);margin-bottom:5px;font-size:clamp(.88rem,1.8vw,1rem);font-weight:700}.related-card p:last-child{color:var(--muted);-webkit-line-clamp:2;line-clamp:2;word-wrap:break-word;-webkit-box-orient:vertical;margin-top:auto;font-size:clamp(.74rem,1.5vw,.8rem);line-height:1.4;display:-webkit-box;overflow:hidden}.seo-content{background:var(--card-bg);border-radius:var(--radius-lg);border:1px solid var(--border);border-left:4px solid var(--accent);box-shadow:var(--shadow-sm);width:100%;margin-top:clamp(20px,3.5vw,28px);margin-bottom:0;padding:clamp(18px,4vw,32px) clamp(16px,4vw,36px);animation:.6s cubic-bezier(.4,0,.2,1) .35s both fadeSlideUp}.seo-content h2{color:var(--primary);word-wrap:break-word;margin-top:clamp(16px,3vw,22px);margin-bottom:10px;padding-bottom:8px;font-size:clamp(.95rem,2vw,1.05rem);font-weight:700;position:relative}.seo-content h2:first-child{margin-top:0}.seo-content h2:after{content:"";background:var(--accent);border-radius:3px;width:34px;height:2.5px;position:absolute;bottom:0;left:0}.seo-content p{color:#555;word-wrap:break-word;overflow-wrap:break-word;font-size:clamp(.82rem,1.7vw,.9rem);line-height:1.75}@media (min-width:1800px){.pdp-container{max-width:1800px;padding-left:clamp(24px,3vw,64px);padding-right:clamp(24px,3vw,64px)}}@media (min-width:1400px){.related-products{grid-template-columns:repeat(5,1fr)}}@media (max-width:1280px) and (min-width:1025px){.related-products{grid-template-columns:repeat(4,1fr)}}@media (max-width:1024px){.main-section{grid-template-columns:1fr 1fr;gap:28px;padding:28px}.related-products{grid-template-columns:repeat(3,1fr)}}@media (max-width:860px){.main-section{grid-template-columns:1fr;gap:24px;padding:24px}.main-img{max-width:min(100%,360px);margin:0 auto}.thumbs{justify-content:center}.related-products{grid-template-columns:repeat(3,1fr)}}@media (max-width:768px){.action-btns{gap:10px}.description-section,.seo-content{padding:24px 22px}.related-products{grid-template-columns:repeat(2,1fr);gap:14px}}@media (max-width:540px){.main-section{border-radius:var(--radius-md);gap:18px;padding:18px}.action-btns{flex-direction:column;gap:9px}.btn{width:100%}.description-section,.seo-content{border-radius:var(--radius-md);margin-top:18px;padding:20px 16px}.related-products{grid-template-columns:repeat(2,1fr);gap:12px}}@media (max-width:380px){.pdp-container{padding-left:3%;padding-right:3%}.main-section{padding:14px}.offers{padding:13px 14px}.related-products{grid-template-columns:1fr 1fr;gap:10px}}@media (max-width:280px){.related-products{grid-template-columns:1fr}.thumbs{justify-content:flex-start}}