/* DRDERMAN – ortak ön yüz stilleri */
.dd-section{--dd-ink:#0f1f3d;--dd-body:#46536b;--dd-muted:#6b778c;--dd-line:#e3e8f0;--dd-soft:#f3f6fc;
  position:relative;box-sizing:border-box;font-family:var(--dd-font-body);font-size:var(--dd-text-size,16px);line-height:1.7;color:var(--dd-text,var(--dd-body));background:var(--dd-bg,transparent);
  padding-top:var(--dd-pt);padding-bottom:var(--dd-pb);-webkit-font-smoothing:antialiased;isolation:isolate}
.dd-section *,.dd-section *::before,.dd-section *::after{box-sizing:border-box}
.dd-section img{max-width:100%;height:auto;display:block}
.dd-section a{color:inherit;text-decoration:none}
.dd-section p{margin:0 0 1em}
.dd-section h1,.dd-section h2,.dd-section h3,.dd-section h4{font-family:var(--dd-font-head);color:var(--dd-heading,var(--dd-ink));line-height:1.15;letter-spacing:-.02em;margin:0;font-weight:700}
.dd-section .dd-title{font-size:clamp(var(--dd-h-size-m),3.6vw,var(--dd-h-size));font-weight:var(--dd-h-weight,800)}
.dd-container{width:min(var(--dd-container,1200px),100% - 40px);margin-inline:auto;position:relative}
.dd-accent{color:var(--dd-accent,var(--dd-red))}
.dd-lead{font-size:clamp(18px,1.6vw,21px);color:var(--dd-heading,var(--dd-ink));line-height:1.55;font-weight:500}
.dd-ico{width:18px;height:18px;flex:none;display:inline-block;vertical-align:middle}
.dd-has-bg::before{content:"";position:absolute;inset:0;z-index:-2;background:var(--dd-bg-image) center/cover no-repeat}
.dd-has-bg::after{content:"";position:absolute;inset:0;z-index:-1;background:var(--dd-bg-overlay);opacity:var(--dd-bg-overlay-o)}
.dd-section :focus-visible{outline:3px solid var(--dd-red);outline-offset:3px;border-radius:4px}

.dd-eyebrow{display:inline-flex;align-items:center;gap:10px;font-size:12.5px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--dd-eyebrow,var(--dd-red));margin-bottom:18px}
.dd-eyebrow::before{content:"";width:28px;height:2px;background:currentColor;border-radius:2px}

.dd-btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:50px;padding:0 24px;border-radius:999px;font-family:var(--dd-font-head);font-weight:700;font-size:15px;border:1.5px solid transparent;cursor:pointer;transition:transform .2s,background .2s,color .2s,border-color .2s,box-shadow .2s,filter .2s;white-space:nowrap;text-decoration:none!important;line-height:1.2}
.dd-btn .dd-ico{transition:transform .2s}
.dd-btn:hover .dd-ico{transform:translateX(3px)}
.dd-btn-primary{background:var(--dd-btn-bg,var(--dd-navy));color:var(--dd-btn-text,#fff)!important}
.dd-btn-primary:hover{filter:brightness(1.12);box-shadow:0 10px 30px -10px rgba(6,29,79,.4)}
.dd-btn-accent{background:var(--dd-btn2-bg,var(--dd-red));color:var(--dd-btn2-text,#fff)!important;box-shadow:0 10px 24px -10px rgba(227,27,35,.7)}
.dd-btn-accent:hover{filter:brightness(.93);transform:translateY(-1px)}
.dd-btn-ghost{border-color:currentColor;background:transparent;color:inherit}
.dd-btn-ghost:hover{background:rgba(127,127,127,.12)}
.dd-btn-outline{border-color:var(--dd-line);background:#fff;color:var(--dd-ink)!important}
.dd-btn-outline:hover{border-color:var(--dd-navy)}
.dd-btn-block{width:100%}
.dd-link-arrow{display:inline-flex;align-items:center;gap:8px;font-family:var(--dd-font-head);font-weight:700;color:var(--dd-link,var(--dd-navy))!important;border-bottom:2px solid var(--dd-red);padding-bottom:4px}

.dd-section-head{display:grid;grid-template-columns:1fr 1fr;gap:clamp(24px,5vw,80px);align-items:end;margin-bottom:48px}
.dd-section-head>p{margin:0;font-size:17px}
.dd-tag{display:inline-block;font-size:11.5px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;padding:5px 10px;border-radius:6px;background:var(--dd-tag-bg,#e8eef9);color:var(--dd-tag-text,var(--dd-navy))}

/* Ambalaj çizimi */
.dd-bag{--c1:var(--dd-navy);--c2:#16408f;position:relative;width:170px;height:230px;border-radius:14px 14px 20px 20px;background:linear-gradient(100deg,rgba(0,0,0,.12),transparent 20%,transparent 80%,rgba(0,0,0,.18)),linear-gradient(180deg,var(--c2),var(--c1));color:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:30px 14px 22px;box-shadow:0 22px 30px -16px rgba(0,0,0,.5);transition:transform .35s}
.dd-bag::before{content:"";position:absolute;top:0;left:8px;right:8px;height:14px;border-radius:0 0 6px 6px;background:repeating-linear-gradient(90deg,rgba(255,255,255,.25) 0 4px,transparent 4px 8px)}
.dd-bag::after{content:"";position:absolute;left:0;right:0;bottom:56px;height:4px;background:var(--dd-red)}
.dd-bag-brand{font-family:var(--dd-font-head);font-weight:800;font-size:11px;letter-spacing:.18em;background:#fff;color:var(--dd-navy);padding:4px 10px;border-radius:999px;margin-bottom:14px}
.dd-bag b{font-family:var(--dd-font-head);font-weight:800;font-size:19px;line-height:1.08}
.dd-bag small{margin-top:auto;font-family:var(--dd-font-head);font-weight:700;font-size:12px;letter-spacing:.14em;opacity:.85}
.dd-bag-red{--c1:#b8121a;--c2:#e8333a}.dd-bag-red::after{background:#fff}
.dd-bag-green{--c1:#24562d;--c2:#3f8a4b}
.dd-bag-gold{--c1:#a87400;--c2:#e2a413}
.dd-bag-pack{width:140px;height:180px;border-radius:12px}.dd-bag-pack::after{bottom:46px}

/* Görünürlük */
@media (min-width:768px){.dd-hide-desktop{display:none!important}}
@media (max-width:767px){.dd-hide-mobile{display:none!important}}

/* Mobil boşluk & tipografi */
@media (max-width:767px){
  .dd-section{padding-top:var(--dd-pt-m);padding-bottom:var(--dd-pb-m)}
  .dd-container{width:calc(100% - 32px)}
  .dd-section-head{grid-template-columns:1fr;gap:16px}
  .dd-btn{white-space:normal;text-align:center}
}

/* ---------- Giriş animasyonları ---------- */
.dd-js [data-dd-anim]{opacity:0;transition-property:opacity,transform,filter;transition-duration:var(--dd-dur,700ms);transition-delay:var(--dd-delay,0ms);transition-timing-function:var(--dd-ease,ease);will-change:opacity,transform}
.dd-js [data-dd-anim="fade-up"]{transform:translateY(28px)}
.dd-js [data-dd-anim="fade-down"]{transform:translateY(-28px)}
.dd-js [data-dd-anim="slide-left"]{transform:translateX(48px)}
.dd-js [data-dd-anim="slide-right"]{transform:translateX(-48px)}
.dd-js [data-dd-anim="zoom-in"]{transform:scale(.88)}
.dd-js [data-dd-anim="zoom-out"]{transform:scale(1.12)}
.dd-js [data-dd-anim="flip-up"]{transform:perspective(800px) rotateX(35deg) translateY(20px);transform-origin:50% 100%}
.dd-js [data-dd-anim="blur"]{filter:blur(12px)}
.dd-js [data-dd-anim].dd-in{opacity:1;transform:none;filter:none}
.dd-js [data-dd-anim].dd-done{transition:transform .3s ease,box-shadow .3s ease,background-color .3s ease,border-color .3s ease,filter .3s ease,opacity .3s ease}
.dd-no-anim [data-dd-anim]{opacity:1!important;transform:none!important;filter:none!important;transition:none!important}

/* ---------- Üzerine gelince ---------- */
.dd-hover-lift,.dd-hover-grow,.dd-hover-shrink,.dd-hover-glow,.dd-hover-shadow,.dd-hover-tilt,.dd-hover-dim{transition:transform .3s ease,box-shadow .3s ease,filter .3s ease,opacity .3s ease}
.dd-hover-lift.dd-in:hover,.dd-hover-lift:not([data-dd-anim]):hover{transform:translateY(-6px)}
.dd-hover-grow.dd-in:hover,.dd-hover-grow:not([data-dd-anim]):hover{transform:scale(1.04)}
.dd-hover-shrink.dd-in:hover,.dd-hover-shrink:not([data-dd-anim]):hover{transform:scale(.97)}
.dd-hover-glow:hover{box-shadow:0 0 0 4px rgba(227,27,35,.15),0 12px 40px -8px rgba(227,27,35,.45)}
.dd-hover-shadow:hover{box-shadow:0 24px 50px -18px rgba(6,29,79,.4)}
.dd-hover-tilt.dd-in:hover,.dd-hover-tilt:not([data-dd-anim]):hover{transform:perspective(800px) rotateX(4deg) rotateY(-5deg)}
.dd-hover-dim:hover{opacity:.75}

/* ---------- Sürekli efektler ---------- */
.dd-loop-float{animation:dd-float 6s ease-in-out infinite}
.dd-loop-pulse{animation:dd-pulse 2.4s ease-in-out infinite}
.dd-loop-bounce{animation:dd-bounce 2s ease-in-out infinite}
.dd-loop-spin{animation:dd-spin 14s linear infinite}
.dd-loop-swing{animation:dd-swing 4s ease-in-out infinite;transform-origin:50% 0}
.dd-loop-shine{position:relative;overflow:hidden}
.dd-loop-shine::after{content:"";position:absolute;inset:0;background:linear-gradient(110deg,transparent 30%,rgba(255,255,255,.45) 50%,transparent 70%);transform:translateX(-120%);animation:dd-shine 3.5s ease-in-out infinite;pointer-events:none}
@keyframes dd-float{50%{translate:0 -10px}}
@keyframes dd-pulse{50%{scale:1.05}}
@keyframes dd-bounce{0%,100%{translate:0 0}40%{translate:0 -14px}60%{translate:0 -6px}}
@keyframes dd-spin{to{rotate:360deg}}
@keyframes dd-swing{0%,100%{rotate:-3deg}50%{rotate:3deg}}
@keyframes dd-shine{60%,100%{transform:translateX(120%)}}

@media (prefers-reduced-motion:reduce){
  .dd-js [data-dd-anim]{opacity:1!important;transform:none!important;filter:none!important;transition:none!important}
  [class*="dd-loop-"],[class*="dd-loop-"]::after{animation:none!important}
}