@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:wght@500;600;700&family=Inter:wght@400;500;600;700;800&display=swap');

.ypdk-detail-page{
  --ypdk-black:#050505;
  --ypdk-panel:#0d0d0c;
  --ypdk-panel-2:#12110f;
  --ypdk-paper:#f5f1e8;
  --ypdk-soft:rgba(245,241,232,.82);
  --ypdk-muted:rgba(245,241,232,.62);
  --ypdk-line:rgba(243,239,229,.13);
  --ypdk-line-strong:rgba(216,200,171,.40);
  --ypdk-gold:#d8c8ab;
  --ypdk-gold-2:#bd914c;
  --ypdk-display:"Cormorant Garamond","Times New Roman",Georgia,serif;
  --ypdk-font:"Inter","Aptos","Segoe UI",Arial,sans-serif;
  --ypdk-ease:cubic-bezier(.18,.86,.28,1);
  position:relative;
  overflow:hidden;
  isolation:isolate;
  padding:clamp(78px,8vw,132px) 0 clamp(72px,8vw,120px);
  color:var(--ypdk-paper);
  background:
    radial-gradient(circle at 12% 6%,rgba(216,200,171,.09),transparent 30rem),
    radial-gradient(circle at 85% 32%,rgba(135,148,137,.08),transparent 28rem),
    radial-gradient(circle at 50% 100%,rgba(216,200,171,.055),transparent 32rem),
    linear-gradient(180deg,#050505 0%,#090909 48%,#040404 100%);
  font-family:var(--ypdk-font);
  box-sizing:border-box;
}
.ypdk-detail-page *{box-sizing:border-box;}
.ypdk-detail-page::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:-1;
  pointer-events:none;
  opacity:.12;
  background-image:
    linear-gradient(90deg,transparent calc(100% - 1px),rgba(243,239,229,.08) calc(100% - 1px)),
    linear-gradient(180deg,transparent calc(100% - 1px),rgba(243,239,229,.055) calc(100% - 1px));
  background-size:120px 100%,100% 118px;
  mask-image:linear-gradient(to bottom,transparent,#000 12%,#000 86%,transparent);
}
.ypdk-shell{width:min(80%,1280px);margin-inline:auto;}
.ypdk-product-hero{display:grid;grid-template-columns:minmax(0,1.04fr) minmax(390px,.96fr);gap:clamp(44px,5.8vw,88px);align-items:center;}

.ypdk-kicker{margin:0 0 14px;color:var(--ypdk-gold);font-size:11px;font-weight:800;line-height:1.3;letter-spacing:.16em;text-transform:uppercase;}
.ypdk-product-tag{display:inline-flex;align-items:center;width:max-content;max-width:100%;margin:0 0 18px;padding:8px 12px;border:1px solid rgba(216,200,171,.42);border-radius:999px;color:rgba(255,250,240,.86);background:rgba(216,200,171,.065);font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;}
.ypdk-product-copy h1,.ypdk-section-head h2,.ypdk-contact-copy h2{margin:0;color:#f8f2e8;font-family:var(--ypdk-display);font-weight:600;line-height:1.05;letter-spacing:-.012em;text-wrap:balance;background:linear-gradient(180deg,#fffaf0 0%,#f1e8d8 72%,#d8c8ab 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;text-shadow:0 8px 24px rgba(0,0,0,.48),0 1px 3px rgba(0,0,0,.35);}
.ypdk-product-copy h1{font-size:clamp(42px,4.8vw,72px);}
.ypdk-lead{margin:24px 0 0;color:var(--ypdk-soft);font-size:clamp(16px,1.18vw,18px);line-height:1.82;font-weight:400;}
.ypdk-category{display:inline-flex;margin-top:24px;padding:9px 14px;border:1px solid rgba(216,200,171,.32);border-radius:999px;color:rgba(243,239,229,.72);font-size:12px;font-weight:700;transition:color .2s ease,border-color .2s ease,background .2s ease;}
.ypdk-category:hover{color:#fff8ea;border-color:rgba(216,200,171,.62);background:rgba(216,200,171,.08);}
.ypdk-chips{display:flex;flex-wrap:wrap;gap:10px;margin-top:26px;}
.ypdk-chips span{display:inline-flex;min-height:36px;align-items:center;padding:0 14px;border:1px solid rgba(243,239,229,.16);border-radius:7px;color:rgba(245,241,232,.84);background:rgba(255,255,255,.045);font-size:13px;font-weight:500;}
.ypdk-spec-mini{margin-top:28px;border:1px solid var(--ypdk-line);border-radius:10px;overflow:hidden;background:rgba(10,10,9,.75);}
.ypdk-spec-mini div{display:grid;grid-template-columns:minmax(130px,.32fr) 1fr;gap:22px;align-items:center;padding:18px 20px;border-top:1px solid var(--ypdk-line);transition:background .2s ease;}
.ypdk-spec-mini div:first-child{border-top:0;}
.ypdk-spec-mini div:hover{background:rgba(216,200,171,.048);}
.ypdk-spec-mini strong{color:var(--ypdk-gold);font-size:11px;font-weight:800;letter-spacing:.10em;text-transform:uppercase;}
.ypdk-spec-mini span{color:var(--ypdk-soft);font-size:15px;line-height:1.65;}
.ypdk-actions{display:flex;flex-wrap:wrap;gap:13px;margin-top:28px;}
.ypdk-button{display:inline-flex;min-height:50px;align-items:center;justify-content:center;padding:0 22px;border:1px solid rgba(243,239,229,.16);border-radius:8px;color:var(--ypdk-paper);background:rgba(255,255,255,.045);font-size:13px;font-weight:700;letter-spacing:.01em;transition:transform .22s var(--ypdk-ease),border-color .22s ease,background .22s ease;}
.ypdk-button:hover{transform:translateY(-2px);border-color:rgba(216,200,171,.48);background:rgba(255,255,255,.075);}
.ypdk-primary{color:#0a0805;border-color:rgba(216,200,171,.78);background:linear-gradient(135deg,#f4dca5,#c59a53 52%,#8d662d);box-shadow:inset 0 1px 0 rgba(255,255,255,.38),0 18px 48px rgba(216,200,171,.16);}
.ypdk-primary:hover{color:#050505;background:linear-gradient(135deg,#ffe8b5,#d4ab63 52%,#9b7134);}

.ypdk-gallery{min-width:0;}
.ypdk-stage{--mx:50%;--my:50%;position:relative;overflow:hidden;aspect-ratio:1/1;border:1px solid var(--ypdk-line);border-radius:14px;background:linear-gradient(145deg,rgba(255,255,255,.045),transparent 36%),linear-gradient(180deg,#11110f,#070707);box-shadow:0 34px 100px rgba(0,0,0,.42),inset 0 1px 0 rgba(255,255,255,.035);}
.ypdk-stage::after{content:"";position:absolute;inset:0;z-index:3;pointer-events:none;background:linear-gradient(180deg,transparent 54%,rgba(5,5,5,.72)),linear-gradient(135deg,rgba(216,200,171,.08),transparent 44%);opacity:.70;}
.ypdk-main-open{display:block;width:100%;height:100%;padding:0;border:0;background:transparent;cursor:zoom-in;}
.ypdk-main-img{display:block;width:100%;height:100%;object-fit:cover;object-position:center;filter:brightness(.94) contrast(1.06) saturate(.94);transform-origin:var(--mx) var(--my);transition:transform .45s var(--ypdk-ease),filter .35s ease,opacity .15s ease;}
.ypdk-gallery[data-fit="contain"] .ypdk-main-img{object-fit:contain;padding:34px;background:#080808;}
.ypdk-stage:hover .ypdk-main-img{transform:scale(1.16);filter:brightness(1.02) contrast(1.08) saturate(1);}
.ypdk-zoom-note{position:absolute;left:18px;bottom:16px;z-index:4;padding:8px 10px;border:1px solid rgba(243,239,229,.12);border-radius:999px;color:rgba(243,239,229,.62);background:rgba(5,5,5,.55);font-size:11px;letter-spacing:.04em;backdrop-filter:blur(10px);}
.ypdk-gallery-arrow{position:absolute;z-index:5;top:50%;width:38px;height:38px;border:1px solid rgba(243,239,229,.14);border-radius:50%;background:rgba(5,5,5,.58);color:#f7f1e4;font-size:24px;line-height:1;cursor:pointer;transform:translateY(-50%);transition:background .2s ease,border-color .2s ease,transform .2s ease;}
.ypdk-gallery-arrow:hover{border-color:rgba(216,200,171,.48);background:rgba(216,200,171,.12);transform:translateY(-50%) scale(1.04);}
.ypdk-prev{left:16px;}.ypdk-next{right:16px;}
.ypdk-thumbs{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;margin-top:12px;}
.ypdk-thumb{min-height:84px;padding:0;overflow:hidden;border:1px solid rgba(243,239,229,.12);border-radius:8px;background:#0b0b0a;cursor:pointer;opacity:.72;transition:opacity .2s ease,border-color .2s ease,transform .2s ease;}
.ypdk-thumb img{width:100%;height:100%;aspect-ratio:1/1;object-fit:cover;}
.ypdk-gallery[data-fit="contain"] .ypdk-thumb img{object-fit:contain;padding:10px;}
.ypdk-thumb:hover,.ypdk-thumb.is-active{opacity:1;border-color:rgba(216,200,171,.62);transform:translateY(-2px);}
.ypdk-thumb.is-empty{min-height:62px;color:rgba(243,239,229,.32);font-size:12px;}
.ypdk-placeholder{display:grid;place-items:center;text-align:center;}
.ypdk-placeholder div{width:min(72%,360px);padding:34px;border:1px dashed rgba(216,200,171,.36);border-radius:12px;background:rgba(216,200,171,.035);}
.ypdk-placeholder span{display:grid;place-items:center;width:54px;height:54px;margin:0 auto 16px;border:1px solid rgba(216,200,171,.45);border-radius:50%;color:var(--ypdk-gold);font-size:30px;}
.ypdk-placeholder strong{display:block;color:#fff8ea;font-size:18px;}
.ypdk-placeholder p{margin:8px 0 0;color:var(--ypdk-muted);font-size:13px;line-height:1.6;}

.ypdk-data-section,.ypdk-workflow-section,.ypdk-faq-section,.ypdk-contact-section{margin-top:clamp(70px,8vw,120px);}
.ypdk-section-head{display:grid;grid-template-columns:minmax(280px,.82fr) minmax(0,1fr);gap:clamp(28px,5vw,76px);align-items:end;margin-bottom:32px;}
.ypdk-section-head h2,.ypdk-contact-copy h2{font-size:clamp(34px,4.2vw,58px);}
.ypdk-section-head > p{margin:0;color:var(--ypdk-soft);font-size:16px;line-height:1.8;}
.ypdk-metric-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;}
.ypdk-metric{min-height:164px;padding:26px;border:1px solid var(--ypdk-line);border-radius:10px;background:linear-gradient(180deg,rgba(255,255,255,.055),rgba(255,255,255,.015)),rgba(12,13,13,.78);box-shadow:0 22px 60px rgba(0,0,0,.24);transition:transform .25s var(--ypdk-ease),border-color .25s ease;}
.ypdk-metric:hover{transform:translateY(-4px);border-color:rgba(216,200,171,.46);}
.ypdk-metric strong{display:flex;align-items:baseline;gap:6px;color:#fff8ea;font-family:var(--ypdk-display);font-size:clamp(28px,3vw,40px);font-weight:600;letter-spacing:-.01em;}
.ypdk-metric small{color:var(--ypdk-gold);font-family:var(--ypdk-font);font-size:12px;font-weight:800;letter-spacing:.08em;}
.ypdk-metric span{display:block;margin-top:16px;color:var(--ypdk-muted);font-size:12px;font-weight:700;letter-spacing:.10em;text-transform:uppercase;}

.ypdk-workflow{position:relative;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;}
.ypdk-workflow::before{content:"";position:absolute;left:5%;right:5%;top:32px;height:1px;background:linear-gradient(90deg,rgba(216,200,171,.78),rgba(135,148,137,.52),rgba(216,200,171,.18));}
.ypdk-workflow article{position:relative;min-height:246px;padding:84px 22px 24px;border:1px solid var(--ypdk-line);border-radius:10px;background:linear-gradient(180deg,rgba(255,255,255,.045),rgba(255,255,255,.012)),rgba(10,10,9,.76);}
.ypdk-workflow article span{position:absolute;top:0;left:22px;width:64px;height:64px;display:grid;place-items:center;border:1px solid rgba(216,200,171,.46);border-radius:50%;background:#070707;color:var(--ypdk-gold);font-size:11px;font-weight:900;letter-spacing:.12em;box-shadow:0 0 0 8px #050505;}
.ypdk-workflow h3{margin:0 0 12px;color:#f7f1e4;font-family:var(--ypdk-font);font-size:20px;font-weight:700;line-height:1.25;}
.ypdk-workflow p{margin:0;color:var(--ypdk-soft);font-size:15px;line-height:1.75;}

.ypdk-faq-list{border:1px solid var(--ypdk-line);border-radius:10px;overflow:hidden;background:rgba(12,13,13,.78);}
.ypdk-faq-item{border-top:1px solid var(--ypdk-line);}
.ypdk-faq-item:first-child{border-top:0;}
.ypdk-faq-item summary{min-height:78px;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:22px 26px;cursor:pointer;list-style:none;color:#f7f1e4;font-family:var(--ypdk-font);font-size:18px;font-weight:700;line-height:1.35;}
.ypdk-faq-item summary::-webkit-details-marker{display:none;}
.ypdk-faq-item summary i{color:var(--ypdk-gold);font-style:normal;font-size:25px;transition:transform .2s ease;}
.ypdk-faq-item[open] summary i{transform:rotate(45deg);}
.ypdk-faq-item > div{padding:0 26px 25px;color:var(--ypdk-soft);font-size:15px;line-height:1.8;}
.ypdk-faq-item p{margin:0;}

.ypdk-contact-section{display:grid;grid-template-columns:minmax(300px,.72fr) minmax(0,1.28fr);gap:clamp(34px,7vw,92px);align-items:start;padding:clamp(32px,4vw,48px);border:1px solid rgba(216,200,171,.17);border-radius:14px;background:linear-gradient(180deg,rgba(255,255,255,.06),rgba(255,255,255,.015)),rgba(8,9,9,.86);box-shadow:0 40px 130px rgba(0,0,0,.45);}
.ypdk-contact-copy{position:sticky;top:112px;}
.ypdk-contact-copy p:not(.ypdk-kicker){margin:20px 0 0;color:var(--ypdk-soft);font-size:16px;line-height:1.8;}
.ypdk-contact-meta{display:grid;gap:1px;margin-top:28px;overflow:hidden;border:1px solid var(--ypdk-line);border-radius:9px;background:rgba(243,239,229,.08);}
.ypdk-contact-meta span{display:grid;gap:5px;padding:15px 16px;color:rgba(243,239,229,.66);background:rgba(8,9,9,.72);font-size:13px;}
.ypdk-contact-meta strong{color:var(--ypdk-gold);font-size:10px;letter-spacing:.16em;text-transform:uppercase;}
.ypdk-form-card{min-width:0;}
.ypdk-form-card .wpcf7-form{padding:0!important;background:transparent!important;border:0!important;box-shadow:none!important;}
.ypdk-form-card .youda-contact-form{padding:0!important;background:transparent!important;border:0!important;box-shadow:none!important;}
.ypdk-form-card input,.ypdk-form-card select,.ypdk-form-card textarea{width:100%;min-height:50px;padding:12px 14px;border:1px solid rgba(243,239,229,.13);border-radius:7px;outline:0;color:var(--ypdk-paper);background:rgba(255,255,255,.045);transition:border-color .2s ease,box-shadow .2s ease;}
.ypdk-form-card textarea{resize:vertical;}
.ypdk-form-card input:focus,.ypdk-form-card select:focus,.ypdk-form-card textarea:focus{border-color:rgba(216,200,171,.66);box-shadow:0 0 0 3px rgba(216,200,171,.10);}
.ypdk-form-card label{display:grid;gap:8px;color:rgba(243,239,229,.64);font-size:12px;}
.ypdk-form-card .youda-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;}
.ypdk-form-card .is-wide{grid-column:1/-1;}
.ypdk-form-card .wpcf7-submit,.ypdk-form-card .youda-button{display:inline-flex!important;min-height:50px!important;align-items:center!important;justify-content:center!important;padding:0 24px!important;border:1px solid rgba(216,200,171,.75)!important;border-radius:8px!important;color:#0a0805!important;background:linear-gradient(135deg,#f4dca5,#c59a53 52%,#8d662d)!important;font-weight:800!important;cursor:pointer!important;}
.ypdk-form-note{margin:0;color:var(--ypdk-muted);}

.ypdk-lightbox{position:fixed;inset:0;z-index:99999;display:grid;place-items:center;background:rgba(0,0,0,.86);opacity:0;visibility:hidden;pointer-events:none;transition:opacity .2s ease,visibility .2s ease;}
.ypdk-lightbox.is-open{opacity:1;visibility:visible;pointer-events:auto;}
.ypdk-lightbox-img{max-width:min(92vw,1400px);max-height:82vh;object-fit:contain;border:1px solid rgba(216,200,171,.22);border-radius:10px;box-shadow:0 40px 140px rgba(0,0,0,.7);}
.ypdk-lightbox-close,.ypdk-lightbox-prev,.ypdk-lightbox-next{position:fixed;z-index:2;border:1px solid rgba(243,239,229,.18);border-radius:50%;background:rgba(8,8,8,.65);color:#fff8ea;cursor:pointer;backdrop-filter:blur(10px);}
.ypdk-lightbox-close{right:28px;top:24px;width:46px;height:46px;font-size:28px;}
.ypdk-lightbox-prev,.ypdk-lightbox-next{top:50%;width:48px;height:48px;font-size:30px;transform:translateY(-50%);}
.ypdk-lightbox-prev{left:28px;}.ypdk-lightbox-next{right:28px;}
.ypdk-lightbox-caption{position:fixed;left:50%;bottom:24px;max-width:min(90vw,900px);margin:0;padding:9px 12px;border:1px solid rgba(243,239,229,.12);border-radius:999px;color:rgba(243,239,229,.72);background:rgba(8,8,8,.62);font-size:12px;transform:translateX(-50%);}

@media (max-width:1100px){
  .ypdk-shell{width:min(90%,1280px);}
  .ypdk-product-hero,.ypdk-section-head,.ypdk-contact-section{grid-template-columns:1fr;}
  .ypdk-product-hero{align-items:start;}
  .ypdk-metric-grid,.ypdk-workflow{grid-template-columns:repeat(2,minmax(0,1fr));}
  .ypdk-workflow::before{display:none;}
  .ypdk-contact-copy{position:static;}
}
@media (max-width:760px){
  .ypdk-detail-page{padding:86px 0 72px;}
  .ypdk-shell{width:min(100% - 28px,1280px);}
  .ypdk-product-copy h1{font-size:clamp(36px,10vw,50px);}
  .ypdk-section-head h2,.ypdk-contact-copy h2{font-size:clamp(31px,9vw,42px);}
  .ypdk-thumbs{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;}
  .ypdk-thumb{min-height:64px;}
  .ypdk-gallery-arrow{width:34px;height:34px;}
  .ypdk-prev{left:10px;}.ypdk-next{right:10px;}
  .ypdk-spec-mini div{grid-template-columns:1fr;gap:8px;padding:18px;}
  .ypdk-metric-grid,.ypdk-workflow{grid-template-columns:1fr;}
  .ypdk-workflow article{min-height:0;}
  .ypdk-contact-section{padding:22px;}
  .ypdk-form-card .youda-form-grid{grid-template-columns:1fr;}
  .ypdk-form-card .is-wide{grid-column:auto;}
  .ypdk-lightbox-prev{left:12px;}.ypdk-lightbox-next{right:12px;}.ypdk-lightbox-close{right:14px;top:14px;}
}