@import url(https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap);:root{--primary:#000;--bg-light:#fff;--bg-card:#fff;--text-primary:#0a0a0a;--text-secondary:#666;--border-color:#e5e5e5;--accent:#6366f1;--shadow-sm:0 1px 3px rgba(0, 0, 0, 0.08);--shadow-md:0 4px 12px rgba(0, 0, 0, 0.1);--shadow-lg:0 20px 40px rgba(0, 0, 0, 0.12);--shadow-hover:0 8px 30px rgba(0, 0, 0, 0.15);--radius-sm:12px;--radius-md:16px;--radius-lg:24px;--transition:all 0.3s cubic-bezier(0.4, 0, 0.2, 1)}*{box-sizing:border-box}.dcs-wrapper{font-family:'Inter',-apple-system,BlinkMacSystemFont,sans-serif;display:grid;grid-template-columns:45% 1fr;gap:80px;max-width:1400px;margin:0 auto;padding:60px 40px 100px;background:#fff;min-height:100vh}.dcs-left{position:sticky;top:40px;height:fit-content}.dcs-image-container{border-radius:var(--radius-lg);padding:60px;display:flex;align-items:center;justify-content:center;aspect-ratio:1;position:relative;box-shadow:var(--shadow-lg);overflow:hidden}.dcs-image-container::before{content:'';position:absolute;inset:0;background:radial-gradient(circle at 20% 50%,rgb(255 255 255 / .1) 0%,transparent 50%),radial-gradient(circle at 80% 80%,rgb(255 255 255 / .1) 0%,transparent 50%);pointer-events:none}.dcs-preview-image{max-width:75%;height:auto;display:block;object-fit:contain;filter:drop-shadow(0 20px 40px rgb(0 0 0 / .3));position:relative;z-index:1;transition:var(--transition)}.dcs-preview-image:hover{transform:scale(1.05) rotate(2deg)}.dcs-right{display:flex;flex-direction:column;gap:40px}.dcs-title{font-size:48px;font-weight:800;margin:0;color:var(--text-primary);letter-spacing:-2px;line-height:1.1;background:linear-gradient(135deg,#000 0%,#333 100%);-webkit-background-clip:text;-webkit-text-fill-color:#fff0;background-clip:text}.dcs-subtitle{font-size:32px;font-weight:700;margin:0 0 24px 0;color:var(--text-primary);letter-spacing:-1px}.screen-reader-text{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.dcs-selects{display:grid;grid-template-columns:1fr 1fr;gap:20px}.dcs-select-wrapper{position:relative}.dcs-select{width:100%;padding:18px 50px 18px 24px;font-size:16px;font-weight:600;border:2px solid var(--border-color);border-radius:16px;background:var(--bg-card);color:var(--text-primary);appearance:none;cursor:pointer;transition:var(--transition);font-family:inherit;box-shadow:var(--shadow-sm)}.dcs-select:hover{border-color:var(--primary);box-shadow:var(--shadow-md);transform:translateY(-2px)}.dcs-select:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 4px rgb(99 102 241 / .1),var(--shadow-md);transform:translateY(-2px)}.dcs-select:disabled{background:#f8f8f8;color:#999;cursor:not-allowed;border-color:var(--border-color);transform:none;box-shadow:none}.dcs-select-arrow{position:absolute;right:24px;top:50%;transform:translateY(-50%);pointer-events:none;color:var(--text-primary);transition:var(--transition)}.dcs-select:hover+.dcs-select-arrow{color:var(--accent)}.dcs-select:disabled+.dcs-select-arrow{color:#ccc}.dcs-products-wrapper{overflow:visible;animation:fadeIn 0.6s ease-out}@keyframes fadeIn{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.dcs-products{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;list-style:none;padding:0;margin:0}.dcs-product-item{background:#fff0;border-radius:0;overflow:visible;transition:var(--transition);padding:0;opacity:1;animation:slideUp 0.5s ease-out backwards}.dcs-product-item:nth-child(1){animation-delay:0.05s}.dcs-product-item:nth-child(2){animation-delay:0.1s}.dcs-product-item:nth-child(3){animation-delay:0.15s}.dcs-product-item:nth-child(4){animation-delay:0.2s}@keyframes slideUp{from{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.dcs-product-item:hover{transform:translateY(-8px)}.dcs-product-link{display:block;text-decoration:none;color:inherit;transition:var(--transition)}.dcs-product-image{border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;aspect-ratio:1 / 1;overflow:hidden;box-shadow:var(--shadow-sm);transition:var(--transition);position:relative}.dcs-product-item:hover .dcs-product-image{box-shadow:var(--shadow-hover);background:#fff}.dcs-product-image::before{content:'';position:absolute;inset:0;background:linear-gradient(135deg,#fff0 0%,rgb(99 102 241 / .03) 100%);opacity:0;transition:var(--transition)}.dcs-product-item:hover .dcs-product-image::before{opacity:1}.dcs-product-image img{width:100%;height:100%;display:block;object-fit:cover;border-radius:8px;transition:var(--transition)}.dcs-product-item:hover .dcs-product-image img{transform:scale(1.08)}.dcs-product-name{display:block;font-size:15px;font-weight:600;text-align:center;color:var(--text-primary);line-height:1.4;padding:0;letter-spacing:-.3px;transition:var(--transition)}.dcs-product-item:hover .dcs-product-name{color:var(--accent)}.dcs-products.loading{opacity:.5;pointer-events:none}@media (max-width:1200px){.dcs-wrapper{grid-template-columns:1fr;gap:60px;padding:40px 30px 80px}.dcs-left{position:static;max-width:500px;margin:0 auto}.dcs-title{font-size:42px}.dcs-subtitle{font-size:28px}.dcs-products{grid-template-columns:repeat(3,1fr);gap:22px}}@media (max-width:768px){.dcs-wrapper{padding:30px 20px 60px;gap:40px}.dcs-title{font-size:36px;letter-spacing:-1.5px}.dcs-subtitle{font-size:24px}.dcs-selects{grid-template-columns:1fr;gap:16px}.dcs-image-container{padding:40px}.dcs-products{grid-template-columns:repeat(2,1fr);gap:20px}.dcs-product-image{padding:20px;margin-bottom:12px}.dcs-product-name{font-size:14px}}@media (max-width:480px){.dcs-wrapper{padding:20px 15px 40px}.dcs-title{font-size:28px}.dcs-select{padding:16px 45px 16px 20px;font-size:15px}.dcs-image-container{padding:30px}.dcs-products{gap:16px}}.dcs-product-link,.dcs-product-link *,.dcs-product-name{text-decoration:none!important}.dcs-product-item{transition:opacity 0.3s ease,transform 0.3s ease,visibility 0.3s ease}.dcs-product-item[style*="display: none"]{opacity:0;transform:scale(.95);visibility:hidden}