.ild-a4-material-scope-switch{display:grid;grid-template-columns:auto repeat(2,minmax(220px,1fr));gap:10px;align-items:stretch;margin:0 0 14px;padding:12px 14px;border:1px solid #cfe0f3;border-radius:14px;background:#f7fbff}.ild-a4-material-scope-switch>strong{display:flex;align-items:center;color:#315779;font-size:12px;letter-spacing:.04em}.ild-a4-material-scope-switch label{display:flex;gap:9px;align-items:flex-start;padding:10px 12px;border:1px solid #d5e2ef;border-radius:11px;background:#fff;cursor:pointer}.ild-a4-material-scope-switch label:has(input:checked){border-color:#1683e6;box-shadow:0 0 0 1px #1683e6;background:#eef8ff}.ild-a4-material-scope-switch b,.ild-a4-material-scope-switch small{display:block}.ild-a4-material-scope-switch small{margin-top:2px;color:#66788a}.ild-a4-theme-scope-note{margin:-4px 0 14px;padding:10px 13px;border-left:4px solid #1683e6;border-radius:8px;background:#eef8ff;color:#315779}.ild-a4-theme-note-section{margin:22px 0 28px}.ild-a4-section-heading{display:flex;align-items:end;justify-content:space-between;gap:16px;margin:0 0 14px}.ild-a4-section-heading span{display:block;font-size:12px;font-weight:900;letter-spacing:.06em;color:#1676c8}.ild-a4-section-heading h2{margin:3px 0 0;font-size:24px;color:#102e50}.ild-a4-section-heading small{color:#667c91;font-weight:700}.ild-a4-section-heading.is-activities{margin-top:28px}.ild-a4-theme-note-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.ild-a4-theme-note-card{display:grid;grid-template-columns:148px minmax(0,1fr);gap:16px;padding:14px;border:1px solid #cfe0f3;border-radius:18px;background:#fff;box-shadow:0 10px 30px rgba(28,67,104,.07)}.ild-a4-theme-note-card .is-preview{position:relative;display:block;border-radius:12px;overflow:hidden;background:#f4f7fa;min-height:184px}.ild-a4-theme-note-card .is-preview img{width:100%;height:100%;object-fit:cover;display:block}.ild-a4-theme-note-card .is-preview>b{position:absolute;right:7px;top:7px;padding:4px 8px;border-radius:999px;background:#ee3552;color:#fff;font-size:11px}.ild-a4-theme-note-card .is-copy{min-width:0;display:flex;flex-direction:column}.ild-a4-theme-note-card .is-badge{align-self:flex-start;padding:5px 9px;border-radius:999px;background:#e9f6ff;color:#0870ba;font-size:11px;font-weight:900}.ild-a4-theme-note-card h3{margin:8px 0 6px;font-size:18px;line-height:1.25}.ild-a4-theme-note-card h3 a{color:#102e50;text-decoration:none}.ild-a4-theme-note-card p{margin:0 0 12px;color:#637c93;font-weight:700}.ild-a4-theme-note-card .is-actions{display:flex;flex-wrap:wrap;gap:7px;margin-top:auto}.ild-a4-theme-note-curriculum .ild-a4-theme-note-details summary{cursor:pointer;font-weight:800;color:#146cb0}.ild-a4-theme-note-outcomes{display:grid;gap:10px;margin-top:12px}.ild-a4-theme-note-outcomes section{padding:10px 12px;border:1px solid #e1eaf3;border-radius:10px;background:#fbfdff}.ild-a4-theme-note-outcomes h3{margin:0 0 6px;font-size:14px;color:#183d62}.ild-a4-theme-note-outcomes p{margin:4px 0;line-height:1.45}.ild-a4-theme-note-outcomes p b{color:#0a76c5}@media(max-width:900px){.ild-a4-material-scope-switch{grid-template-columns:1fr}.ild-a4-theme-note-grid{grid-template-columns:1fr}}@media(max-width:560px){.ild-a4-theme-note-card{grid-template-columns:100px minmax(0,1fr);padding:10px;gap:11px}.ild-a4-theme-note-card .is-preview{min-height:134px}.ild-a4-section-heading{align-items:flex-start;flex-direction:column;gap:5px}}

/* v1.29.65.5 — Türkçe Defter Notu kart meta bilgisi */
.ild-a4-theme-note-card .is-copy>p{font-weight:700;color:#52708a}


/* v1.29.65.21 — Tekil Defter Notu sayfasında Defter Notu Atölyesi geçiş kartı. */
.ild-a4-notebook-workshop-promo{
  position:relative;isolation:isolate;overflow:hidden;
  display:grid;grid-template-columns:150px minmax(0,1fr);gap:24px;align-items:center;
  margin:22px 0 26px;padding:22px 26px;border:1px solid rgba(139,92,246,.22);border-radius:22px;
  background:linear-gradient(135deg,#fbfaff 0%,#f5f3ff 48%,#eef8ff 100%);
  box-shadow:0 14px 34px rgba(69,48,121,.09),inset 0 1px 0 rgba(255,255,255,.92)
}
.ild-a4-notebook-workshop-promo::before{
  content:'';position:absolute;z-index:-1;right:-70px;top:-95px;width:240px;height:240px;border-radius:50%;
  background:radial-gradient(circle,rgba(139,92,246,.13),rgba(139,92,246,0) 68%);pointer-events:none
}
.ild-a4-notebook-workshop-visual{display:grid;place-items:center;min-height:124px}
.ild-a4-notebook-sheet{
  position:relative;width:104px;height:128px;padding:28px 15px 14px;border:1px solid rgba(99,102,241,.24);border-radius:12px;
  background:linear-gradient(180deg,#fff,#fbfdff);box-shadow:0 13px 24px rgba(50,50,93,.14),inset 0 1px 0 #fff;transform:rotate(-3deg)
}
.ild-a4-notebook-sheet::before{
  content:'';position:absolute;left:0;right:0;top:18px;height:2px;background:#c4b5fd;box-shadow:0 13px 0 #dbeafe,0 32px 0 #dbeafe,0 51px 0 #dbeafe,0 70px 0 #dbeafe
}
.ild-a4-notebook-sheet>span{display:block;height:5px;margin:0 0 14px;border-radius:999px;background:#dbeafe}
.ild-a4-notebook-sheet>span.is-title{width:62%;height:7px;margin-bottom:16px;background:#8b5cf6}
.ild-a4-notebook-sheet .is-pencil{
  position:absolute;right:-18px;bottom:2px;display:grid;place-items:center;width:42px;height:42px;border-radius:14px;
  background:linear-gradient(135deg,#7c3aed,#4f46e5);color:#fff;font-size:22px;font-style:normal;font-weight:900;
  box-shadow:0 9px 18px rgba(79,70,229,.28);transform:rotate(7deg)
}
.ild-a4-notebook-workshop-copy{min-width:0;display:grid;grid-template-columns:minmax(0,1fr) max-content;column-gap:18px;align-items:center}
.ild-a4-notebook-workshop-eyebrow,.ild-a4-notebook-workshop-copy>h2,.ild-a4-notebook-workshop-copy>p{grid-column:1/-1}
.ild-a4-notebook-workshop-eyebrow{display:flex;align-items:center;gap:7px;margin:0 0 6px;color:#6d28d9;font-size:.76rem;font-weight:950;letter-spacing:.065em}
.ild-a4-notebook-workshop-eyebrow::before{content:'✦';color:#8b5cf6}
.ild-a4-notebook-workshop-promo h2{margin:0 0 7px;color:#18213a;font-size:clamp(1.35rem,2vw,1.7rem);line-height:1.16;letter-spacing:-.015em;text-wrap:balance}
.ild-a4-notebook-workshop-promo p{margin:0;color:#55657a;font-size:.98rem;font-weight:650;line-height:1.55}
.ild-a4-notebook-workshop-benefits{display:flex;flex-wrap:wrap;gap:7px;margin:14px 0 0}
.ild-a4-notebook-workshop-benefits span{display:inline-flex;align-items:center;gap:6px;padding:7px 10px;border:1px solid rgba(99,102,241,.15);border-radius:999px;background:rgba(255,255,255,.8);color:#4b5563;font-size:.78rem;font-weight:850}
.ild-a4-notebook-workshop-benefits span::before{content:'✓';color:#16a34a;font-weight:1000}
.ild-a4-notebook-workshop-cta{
  display:inline-flex;align-items:center;justify-content:center;gap:10px;justify-self:end;margin-top:14px;min-height:44px;padding:9px 14px;
  border:1px solid rgba(255,255,255,.24);border-radius:13px;background:linear-gradient(135deg,#7c3aed,#4f46e5);color:#fff!important;
  text-decoration:none!important;font-size:.88rem;font-weight:950;white-space:nowrap;box-shadow:0 9px 18px rgba(79,70,229,.22);transition:transform .18s ease,box-shadow .18s ease,filter .18s ease
}
.ild-a4-notebook-workshop-cta:hover,.ild-a4-notebook-workshop-cta:focus-visible{transform:translateY(-1px);filter:brightness(1.04);box-shadow:0 12px 24px rgba(79,70,229,.27)}
.ild-a4-notebook-workshop-cta-arrow{display:grid;place-items:center;width:25px;height:25px;border-radius:50%;background:rgba(255,255,255,.16);font-size:1rem}
html[data-bs-theme="dark"] .ild-a4-notebook-workshop-promo,body.dark-mode .ild-a4-notebook-workshop-promo,body.theme-dark .ild-a4-notebook-workshop-promo{border-color:rgba(167,139,250,.24);background:linear-gradient(135deg,#15192b 0%,#19172c 50%,#102233 100%);box-shadow:0 15px 34px rgba(0,0,0,.25),inset 0 1px 0 rgba(255,255,255,.04)}
html[data-bs-theme="dark"] .ild-a4-notebook-workshop-promo h2,body.dark-mode .ild-a4-notebook-workshop-promo h2,body.theme-dark .ild-a4-notebook-workshop-promo h2{color:#f5f3ff}
html[data-bs-theme="dark"] .ild-a4-notebook-workshop-promo p,body.dark-mode .ild-a4-notebook-workshop-promo p,body.theme-dark .ild-a4-notebook-workshop-promo p{color:#cbd5e1}
html[data-bs-theme="dark"] .ild-a4-notebook-workshop-benefits span,body.dark-mode .ild-a4-notebook-workshop-benefits span,body.theme-dark .ild-a4-notebook-workshop-benefits span{background:rgba(30,41,59,.72);border-color:rgba(167,139,250,.16);color:#ddd6fe}
html[data-bs-theme="dark"] .ild-a4-notebook-sheet,body.dark-mode .ild-a4-notebook-sheet,body.theme-dark .ild-a4-notebook-sheet{background:linear-gradient(180deg,#f8fafc,#e9eef7)}
@media(max-width:767.98px){
  .ild-a4-notebook-workshop-promo{grid-template-columns:92px minmax(0,1fr);gap:14px;margin:18px 0 22px;padding:17px 15px;border-radius:18px}
  .ild-a4-notebook-workshop-visual{min-height:94px}
  .ild-a4-notebook-sheet{width:72px;height:91px;padding:21px 10px 9px;border-radius:9px}
  .ild-a4-notebook-sheet::before{top:13px;box-shadow:0 10px 0 #dbeafe,0 24px 0 #dbeafe,0 38px 0 #dbeafe,0 52px 0 #dbeafe}
  .ild-a4-notebook-sheet>span{height:4px;margin-bottom:10px}.ild-a4-notebook-sheet>span.is-title{height:5px;margin-bottom:11px}
  .ild-a4-notebook-sheet .is-pencil{right:-11px;width:32px;height:32px;border-radius:10px;font-size:17px}
  .ild-a4-notebook-workshop-copy{display:block}
  .ild-a4-notebook-workshop-eyebrow{font-size:.66rem;margin-bottom:5px}
  .ild-a4-notebook-workshop-promo h2{font-size:1.18rem;line-height:1.17;margin-bottom:6px}
  .ild-a4-notebook-workshop-promo p{font-size:.88rem;line-height:1.48}
  .ild-a4-notebook-workshop-benefits{gap:6px;margin-top:11px}
  .ild-a4-notebook-workshop-benefits span{padding:6px 8px;font-size:.7rem}
  .ild-a4-notebook-workshop-cta{width:100%;margin-top:12px;min-height:46px;padding:9px 12px;font-size:.85rem}
}
@media(max-width:430px){
  .ild-a4-notebook-workshop-promo{grid-template-columns:1fr;text-align:center;gap:8px}
  .ild-a4-notebook-workshop-visual{min-height:76px}.ild-a4-notebook-sheet{transform:rotate(-2deg) scale(.82);margin:-8px 0}
  .ild-a4-notebook-workshop-eyebrow{justify-content:center}.ild-a4-notebook-workshop-benefits{justify-content:center}
}


/* v1.29.65.22 — Renkli premium Defter Notu Atölyesi bannerı */

.ild-a4-notebook-workshop-promo.is-premium{
  --ild-nb-text:#132b67;
  --ild-nb-muted:#516580;
  --ild-nb-violet:#7348ff;
  --ild-nb-indigo:#4f46e5;
  --ild-nb-cyan:#36c7f0;
  position:relative; isolation:isolate; overflow:hidden;
  display:grid; grid-template-columns:minmax(230px,320px) minmax(0,1fr); gap:30px; align-items:center;
  margin:26px 0 28px; padding:30px 34px;
  border:2px solid rgba(95,119,255,.55); border-radius:28px;
  background:
    radial-gradient(circle at 10% 50%, rgba(131,87,255,.16), rgba(131,87,255,0) 18%),
    radial-gradient(circle at 96% 8%, rgba(69,196,255,.18), rgba(69,196,255,0) 14%),
    radial-gradient(circle at 96% 84%, rgba(164,110,255,.18), rgba(164,110,255,0) 14%),
    linear-gradient(135deg, rgba(245,250,255,.98) 0%, rgba(248,244,255,.98) 52%, rgba(240,251,255,.98) 100%);
  box-shadow:0 18px 42px rgba(44,70,129,.11), inset 0 0 0 6px rgba(255,255,255,.54), inset 0 1px 0 rgba(255,255,255,.95);
}
.ild-a4-notebook-workshop-promo.is-premium::before{
  content:''; position:absolute; inset:12px; border-radius:22px; pointer-events:none;
  border:1px solid rgba(255,255,255,.78); box-shadow:0 0 0 1px rgba(126,103,255,.16);
}
.ild-a4-notebook-workshop-promo.is-premium::after{
  content:''; position:absolute; left:18px; right:18px; bottom:14px; height:2px; border-radius:999px;
  background:linear-gradient(90deg, rgba(121,80,255,.75), rgba(52,184,255,.72), rgba(121,80,255,.75));
  opacity:.85; pointer-events:none;
}
.ild-a4-notebook-workshop-promo.is-premium .ild-a4-notebook-workshop-visual{
  position:relative; min-height:220px; display:flex; align-items:center; justify-content:center;
}
.ild-a4-notebook-workshop-promo.is-premium .ild-a4-notebook-workshop-blob{
  position:absolute; border-radius:999px; filter:blur(.2px); opacity:.95; pointer-events:none;
}
.ild-a4-notebook-workshop-promo.is-premium .ild-a4-notebook-workshop-blob.is-a{
  width:190px; height:190px; left:14px; top:18px; background:radial-gradient(circle, rgba(149,112,255,.34), rgba(149,112,255,.1) 62%, rgba(149,112,255,0) 75%);
}
.ild-a4-notebook-workshop-promo.is-premium .ild-a4-notebook-workshop-blob.is-b{
  width:220px; height:220px; left:94px; top:8px; background:radial-gradient(circle, rgba(59,203,244,.22), rgba(59,203,244,0) 70%);
}
.ild-a4-notebook-workshop-promo.is-premium .ild-a4-notebook-workshop-blob.is-c{
  width:170px; height:170px; left:115px; top:88px; background:radial-gradient(circle, rgba(188,104,255,.18), rgba(188,104,255,0) 72%);
}
.ild-a4-notebook-workshop-promo.is-premium .ild-a4-notebook-workshop-dots{
  position:absolute; left:-6px; bottom:18px; width:42px; height:70px; opacity:.7;
  background-image:radial-gradient(circle, rgba(109,103,255,.8) 1.65px, transparent 1.7px);
  background-size:12px 12px;
}
.ild-a4-notebook-workshop-promo.is-premium .ild-a4-notebook-workshop-spark{
  position:absolute; right:-6px; top:22px; width:86px; height:86px; opacity:.9;
}
.ild-a4-notebook-workshop-promo.is-premium .ild-a4-notebook-workshop-spark::before,
.ild-a4-notebook-workshop-promo.is-premium .ild-a4-notebook-workshop-spark::after{
  content:''; position:absolute; border-radius:999px;
}
.ild-a4-notebook-workshop-promo.is-premium .ild-a4-notebook-workshop-spark::before{
  inset:14px 30px 14px 30px; border-left:4px solid rgba(130,93,255,.64); border-top:4px solid transparent; border-bottom:4px solid transparent; transform:rotate(24deg);
}
.ild-a4-notebook-workshop-promo.is-premium .ild-a4-notebook-workshop-spark::after{
  inset:0; background:
    linear-gradient(90deg, transparent 72%, rgba(53,201,243,.95) 72%, rgba(53,201,243,.95) 76%, transparent 76%) 100% 18%/100% 22% no-repeat,
    linear-gradient(90deg, transparent 70%, rgba(126,96,255,.95) 70%, rgba(126,96,255,.95) 74%, transparent 74%) 100% 50%/100% 22% no-repeat,
    linear-gradient(90deg, transparent 73%, rgba(176,114,255,.9) 73%, rgba(176,114,255,.9) 77%, transparent 77%) 100% 82%/100% 22% no-repeat;
}
.ild-a4-notebook-workshop-promo.is-premium .ild-a4-notebook-sheet-card{
  position:absolute; width:188px; min-height:248px; border-radius:18px; overflow:hidden;
  background:linear-gradient(180deg, rgba(255,255,255,.98), rgba(250,252,255,.98));
  border:1px solid rgba(187,201,255,.94); box-shadow:0 20px 36px rgba(54,75,132,.15);
}
.ild-a4-notebook-workshop-promo.is-premium .ild-a4-notebook-sheet-card::before{
  content:''; position:absolute; left:17px; top:0; bottom:0; width:2px; background:rgba(255,116,116,.7);
}
.ild-a4-notebook-workshop-promo.is-premium .ild-a4-notebook-sheet-card::after{
  content:''; position:absolute; left:0; right:0; top:46px; bottom:0;
  background:repeating-linear-gradient(to bottom, transparent 0 15px, rgba(112,162,255,.86) 15px 17px);
  opacity:.86; pointer-events:none;
}
.ild-a4-notebook-workshop-promo.is-premium .ild-a4-notebook-sheet-card.is-back{left:18px; top:22px; transform:rotate(-7deg); z-index:1}
.ild-a4-notebook-workshop-promo.is-premium .ild-a4-notebook-sheet-card.is-front{left:122px; top:5px; transform:rotate(6deg); z-index:2}
.ild-a4-notebook-workshop-promo.is-premium .ild-a4-notebook-sheet-inner{
  position:relative; z-index:1; padding:18px 14px 16px 32px; color:#2d3d66;
}
.ild-a4-notebook-workshop-promo.is-premium .ild-a4-notebook-sheet-title{
  margin:0 0 10px; text-align:center; color:#f04d4d; font-size:13px; font-weight:900; letter-spacing:.04em;
}
.ild-a4-notebook-workshop-promo.is-premium .ild-a4-notebook-sheet-inner ul{
  list-style:none; margin:0; padding:0; display:grid; gap:8px;
}
.ild-a4-notebook-workshop-promo.is-premium .ild-a4-notebook-sheet-inner li{
  position:relative; padding-left:13px; font-size:11px; line-height:1.38; font-weight:700; color:#3b4d73;
}
.ild-a4-notebook-workshop-promo.is-premium .ild-a4-notebook-sheet-inner li::before{
  content:'•'; position:absolute; left:0; top:-1px; color:#7d55ff; font-size:14px;
}
.ild-a4-notebook-workshop-promo.is-premium .ild-a4-notebook-sheet-doodle{
  position:absolute; bottom:10px; font-size:22px; font-weight:900; opacity:.82;
}
.ild-a4-notebook-workshop-promo.is-premium .ild-a4-notebook-sheet-doodle.is-heart{left:30px; color:#f28ab2}
.ild-a4-notebook-workshop-promo.is-premium .ild-a4-notebook-sheet-doodle.is-star{right:18px; color:#8f6dff}
.ild-a4-notebook-workshop-promo.is-premium .ild-a4-notebook-workshop-copy{
  min-width:0; display:grid; grid-template-columns:minmax(0,1fr) max-content; gap:0 18px; align-items:center;
}
.ild-a4-notebook-workshop-promo.is-premium .ild-a4-notebook-workshop-eyebrow,
.ild-a4-notebook-workshop-promo.is-premium .ild-a4-notebook-workshop-copy > h2,
.ild-a4-notebook-workshop-promo.is-premium .ild-a4-notebook-workshop-copy > p{grid-column:1/-1}
.ild-a4-notebook-workshop-promo.is-premium .ild-a4-notebook-workshop-eyebrow{
  display:flex; align-items:center; gap:9px; margin:0 0 8px; color:#6f3dff; font-size:.88rem; font-weight:950; letter-spacing:.045em;
}
.ild-a4-notebook-workshop-promo.is-premium .ild-a4-notebook-workshop-eyebrow::before{content:'✦'; color:#8d5cff}
.ild-a4-notebook-workshop-promo.is-premium h2{
  margin:0 0 12px; color:var(--ild-nb-text); font-size:clamp(1.7rem,3vw,2.42rem); line-height:1.08; letter-spacing:-.028em; text-wrap:balance;
}
.ild-a4-notebook-workshop-promo.is-premium p{
  margin:0; color:var(--ild-nb-muted); font-size:1.02rem; font-weight:700; line-height:1.55; max-width:980px;
}
.ild-a4-notebook-workshop-promo.is-premium .ild-a4-notebook-workshop-benefits{
  display:flex; flex-wrap:wrap; gap:14px; margin:20px 0 0;
}
.ild-a4-notebook-workshop-promo.is-premium .ild-a4-notebook-workshop-benefits span{
  display:inline-flex; align-items:center; gap:10px; min-height:52px; padding:9px 18px 9px 14px;
  border:1px solid rgba(224,228,244,.92); border-radius:999px; background:rgba(255,255,255,.92);
  color:#26396b; font-size:.92rem; font-weight:900; box-shadow:0 8px 16px rgba(120,137,196,.08);
}
.ild-a4-notebook-workshop-promo.is-premium .ild-a4-notebook-workshop-benefits span::before{
  display:grid; place-items:center; width:34px; height:34px; border-radius:50%;
  background:linear-gradient(135deg, rgba(120,75,255,.18), rgba(73,198,243,.16)); color:#6e47ff; font-size:17px; font-weight:900;
}
.ild-a4-notebook-workshop-promo.is-premium .ild-a4-notebook-workshop-benefits .is-pen::before{content:'✎'}
.ild-a4-notebook-workshop-promo.is-premium .ild-a4-notebook-workshop-benefits .is-layout::before{content:'▦'}
.ild-a4-notebook-workshop-promo.is-premium .ild-a4-notebook-workshop-benefits .is-print::before{content:'🖨'; font-size:15px}
.ild-a4-notebook-workshop-promo.is-premium .ild-a4-notebook-workshop-cta{
  display:inline-flex; align-items:center; justify-content:center; gap:12px; justify-self:end;
  margin-top:20px; min-height:58px; padding:12px 22px 12px 24px; border-radius:18px;
  border:1px solid rgba(255,255,255,.32); color:#fff !important; text-decoration:none !important;
  font-size:1rem; font-weight:950; letter-spacing:-.01em; white-space:nowrap;
  background:linear-gradient(135deg, #7c3aed 0%, #5b4cf6 58%, #3da4ff 100%);
  box-shadow:0 16px 28px rgba(94,86,235,.28), inset 0 1px 0 rgba(255,255,255,.25);
  transition:transform .18s ease, box-shadow .18s ease, filter .18s ease;
}
.ild-a4-notebook-workshop-promo.is-premium .ild-a4-notebook-workshop-cta:hover,
.ild-a4-notebook-workshop-promo.is-premium .ild-a4-notebook-workshop-cta:focus-visible{
  transform:translateY(-1px); filter:brightness(1.03); box-shadow:0 20px 30px rgba(94,86,235,.32), inset 0 1px 0 rgba(255,255,255,.3);
}
.ild-a4-notebook-workshop-promo.is-premium .ild-a4-notebook-workshop-cta-arrow{
  display:grid; place-items:center; width:34px; height:34px; border-radius:50%; background:rgba(255,255,255,.18); font-size:1.15rem;
}
html[data-bs-theme="dark"] .ild-a4-notebook-workshop-promo.is-premium,
body.dark-mode .ild-a4-notebook-workshop-promo.is-premium,
body.theme-dark .ild-a4-notebook-workshop-promo.is-premium{
  border-color:rgba(96,137,255,.52);
  background:
    radial-gradient(circle at 10% 50%, rgba(131,87,255,.18), rgba(131,87,255,0) 18%),
    radial-gradient(circle at 96% 8%, rgba(69,196,255,.16), rgba(69,196,255,0) 14%),
    radial-gradient(circle at 96% 84%, rgba(164,110,255,.18), rgba(164,110,255,0) 14%),
    linear-gradient(135deg, #11182b 0%, #17162d 55%, #102331 100%);
  box-shadow:0 18px 40px rgba(0,0,0,.28), inset 0 0 0 6px rgba(255,255,255,.03), inset 0 1px 0 rgba(255,255,255,.06);
}
html[data-bs-theme="dark"] .ild-a4-notebook-workshop-promo.is-premium::before,
body.dark-mode .ild-a4-notebook-workshop-promo.is-premium::before,
body.theme-dark .ild-a4-notebook-workshop-promo.is-premium::before{border-color:rgba(255,255,255,.07); box-shadow:0 0 0 1px rgba(126,103,255,.18)}
html[data-bs-theme="dark"] .ild-a4-notebook-workshop-promo.is-premium h2,
body.dark-mode .ild-a4-notebook-workshop-promo.is-premium h2,
body.theme-dark .ild-a4-notebook-workshop-promo.is-premium h2{color:#eaf0ff}
html[data-bs-theme="dark"] .ild-a4-notebook-workshop-promo.is-premium p,
body.dark-mode .ild-a4-notebook-workshop-promo.is-premium p,
body.theme-dark .ild-a4-notebook-workshop-promo.is-premium p{color:#ced6e8}
html[data-bs-theme="dark"] .ild-a4-notebook-workshop-promo.is-premium .ild-a4-notebook-workshop-benefits span,
body.dark-mode .ild-a4-notebook-workshop-promo.is-premium .ild-a4-notebook-workshop-benefits span,
body.theme-dark .ild-a4-notebook-workshop-promo.is-premium .ild-a4-notebook-workshop-benefits span{background:rgba(21,31,54,.88); border-color:rgba(151,167,214,.2); color:#edf2ff}
@media (max-width:1100px){
  .ild-a4-notebook-workshop-promo.is-premium{grid-template-columns:230px minmax(0,1fr); gap:24px; padding:24px 22px}
  .ild-a4-notebook-workshop-promo.is-premium .ild-a4-notebook-sheet-card{width:160px; min-height:220px}
  .ild-a4-notebook-workshop-promo.is-premium .ild-a4-notebook-sheet-card.is-front{left:84px}
  .ild-a4-notebook-workshop-promo.is-premium h2{font-size:clamp(1.55rem,2.5vw,2.08rem)}
  .ild-a4-notebook-workshop-promo.is-premium p{font-size:.97rem}
}
@media (max-width:767.98px){
  .ild-a4-notebook-workshop-promo.is-premium{grid-template-columns:1fr; gap:16px; padding:18px 16px 18px; border-radius:24px; margin:20px 0 22px}
  .ild-a4-notebook-workshop-promo.is-premium::before{inset:9px}
  .ild-a4-notebook-workshop-promo.is-premium .ild-a4-notebook-workshop-visual{min-height:180px}
  .ild-a4-notebook-workshop-promo.is-premium .ild-a4-notebook-workshop-spark{right:-2px; top:10px; width:68px; height:68px}
  .ild-a4-notebook-workshop-promo.is-premium .ild-a4-notebook-sheet-card{width:138px; min-height:190px}
  .ild-a4-notebook-workshop-promo.is-premium .ild-a4-notebook-sheet-card.is-back{left:12px; top:16px}
  .ild-a4-notebook-workshop-promo.is-premium .ild-a4-notebook-sheet-card.is-front{left:92px; top:0}
  .ild-a4-notebook-workshop-promo.is-premium .ild-a4-notebook-sheet-inner{padding:16px 10px 14px 26px}
  .ild-a4-notebook-workshop-promo.is-premium .ild-a4-notebook-sheet-title{font-size:12px}
  .ild-a4-notebook-workshop-promo.is-premium .ild-a4-notebook-sheet-inner li{font-size:10px; gap:6px}
  .ild-a4-notebook-workshop-promo.is-premium .ild-a4-notebook-workshop-copy{display:block}
  .ild-a4-notebook-workshop-promo.is-premium .ild-a4-notebook-workshop-eyebrow{font-size:.75rem; margin-bottom:7px}
  .ild-a4-notebook-workshop-promo.is-premium h2{font-size:1.46rem; margin-bottom:10px}
  .ild-a4-notebook-workshop-promo.is-premium p{font-size:.92rem; line-height:1.5}
  .ild-a4-notebook-workshop-promo.is-premium .ild-a4-notebook-workshop-benefits{gap:10px; margin-top:14px}
  .ild-a4-notebook-workshop-promo.is-premium .ild-a4-notebook-workshop-benefits span{min-height:46px; padding:8px 13px 8px 10px; font-size:.83rem}
  .ild-a4-notebook-workshop-promo.is-premium .ild-a4-notebook-workshop-benefits span::before{width:30px; height:30px; font-size:15px}
  .ild-a4-notebook-workshop-promo.is-premium .ild-a4-notebook-workshop-cta{width:100%; margin-top:14px; min-height:52px; font-size:.95rem; padding:10px 16px}
}
@media (max-width:430px){
  .ild-a4-notebook-workshop-promo.is-premium{padding:16px 13px 16px}
  .ild-a4-notebook-workshop-promo.is-premium .ild-a4-notebook-workshop-visual{min-height:154px}
  .ild-a4-notebook-workshop-promo.is-premium .ild-a4-notebook-sheet-card{width:118px; min-height:164px; border-radius:15px}
  .ild-a4-notebook-workshop-promo.is-premium .ild-a4-notebook-sheet-card::after{top:38px; background:repeating-linear-gradient(to bottom, transparent 0 12px, rgba(112,162,255,.8) 12px 14px)}
  .ild-a4-notebook-workshop-promo.is-premium .ild-a4-notebook-sheet-card.is-back{left:8px}
  .ild-a4-notebook-workshop-promo.is-premium .ild-a4-notebook-sheet-card.is-front{left:72px}
  .ild-a4-notebook-workshop-promo.is-premium .ild-a4-notebook-sheet-inner{padding:12px 8px 11px 23px}
  .ild-a4-notebook-workshop-promo.is-premium .ild-a4-notebook-sheet-title{margin-bottom:7px; font-size:10.5px}
  .ild-a4-notebook-workshop-promo.is-premium .ild-a4-notebook-sheet-inner ul{gap:6px}
  .ild-a4-notebook-workshop-promo.is-premium .ild-a4-notebook-sheet-inner li{font-size:8.7px; line-height:1.28; padding-left:10px}
  .ild-a4-notebook-workshop-promo.is-premium h2{font-size:1.28rem}
  .ild-a4-notebook-workshop-promo.is-premium p{font-size:.88rem}
  .ild-a4-notebook-workshop-promo.is-premium .ild-a4-notebook-workshop-benefits span{width:100%; justify-content:flex-start}
}


/* v1.29.65.23 — Görselsiz, sayfayla bütünleşen premium Defter Notu Atölyesi bannerı */

.ild-a4-notebook-workshop-promo.is-clean-premium{
  --nb-ink:#122957;
  --nb-muted:#566b86;
  --nb-violet:#7047f5;
  --nb-blue:#3d82f6;
  --nb-cyan:#2bb9e8;
  position:relative;
  isolation:isolate;
  overflow:hidden;
  display:block;
  margin:28px 0 30px;
  padding:32px 36px 30px;
  border:1px solid rgba(102,120,240,.48);
  border-radius:26px;
  background:
    radial-gradient(ellipse at 4% 0%,rgba(115,80,246,.11),rgba(115,80,246,0) 31%),
    radial-gradient(ellipse at 98% 8%,rgba(43,185,232,.13),rgba(43,185,232,0) 29%),
    linear-gradient(135deg,#fbfdff 0%,#f8f8ff 48%,#f5fbff 100%);
  box-shadow:
    0 18px 42px rgba(41,67,118,.10),
    0 2px 8px rgba(73,97,153,.05),
    inset 0 1px 0 rgba(255,255,255,.98);
}
.ild-a4-notebook-workshop-promo.is-clean-premium::before{
  content:'';
  position:absolute;
  inset:8px;
  z-index:-1;
  border-radius:20px;
  border:1px solid rgba(255,255,255,.94);
  box-shadow:inset 0 0 0 1px rgba(119,112,232,.06);
  pointer-events:none;
}
.ild-a4-notebook-workshop-promo.is-clean-premium::after{
  content:'';
  position:absolute;
  left:28px;
  right:28px;
  top:0;
  height:3px;
  border-radius:0 0 999px 999px;
  background:linear-gradient(90deg,#7050f5 0%,#5f67f6 34%,#3b9cf1 67%,#2cc6df 100%);
  box-shadow:0 2px 10px rgba(87,102,241,.16);
  pointer-events:none;
}
.ild-a4-notebook-workshop-promo.is-clean-premium .ild-a4-notebook-workshop-copy{
  display:block;
  min-width:0;
}
.ild-a4-notebook-workshop-promo.is-clean-premium .ild-a4-notebook-workshop-eyebrow{
  display:inline-flex;
  align-items:center;
  gap:9px;
  margin:0 0 10px;
  padding:6px 11px 6px 8px;
  border:1px solid rgba(112,71,245,.14);
  border-radius:999px;
  background:rgba(255,255,255,.72);
  color:#6b3ce7;
  font-size:.78rem;
  font-weight:950;
  line-height:1;
  letter-spacing:.075em;
  box-shadow:0 5px 14px rgba(91,83,192,.05);
}
.ild-a4-notebook-workshop-promo.is-clean-premium .ild-a4-notebook-workshop-eyebrow::before{
  content:'';
  width:9px;
  height:9px;
  flex:0 0 9px;
  border-radius:3px;
  background:linear-gradient(135deg,#7654f7,#3f9df3);
  transform:rotate(45deg);
  box-shadow:0 0 0 4px rgba(112,71,245,.07);
}
.ild-a4-notebook-workshop-promo.is-clean-premium h2{
  max-width:1100px;
  margin:0 0 11px;
  color:var(--nb-ink);
  font-size:clamp(1.7rem,2.55vw,2.38rem);
  line-height:1.1;
  letter-spacing:-.028em;
  font-weight:900;
  text-wrap:balance;
}
.ild-a4-notebook-workshop-promo.is-clean-premium p{
  max-width:1040px;
  margin:0;
  color:var(--nb-muted);
  font-size:1rem;
  line-height:1.58;
  font-weight:680;
}
.ild-a4-notebook-workshop-promo.is-clean-premium .ild-a4-notebook-workshop-footer{
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:20px;
  margin-top:21px;
}
.ild-a4-notebook-workshop-promo.is-clean-premium .ild-a4-notebook-workshop-benefits{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:9px;
  margin:0;
}
.ild-a4-notebook-workshop-promo.is-clean-premium .ild-a4-notebook-workshop-benefits span{
  display:inline-flex;
  align-items:center;
  gap:8px;
  min-height:40px;
  margin:0;
  padding:7px 13px 7px 9px;
  border:1px solid rgba(126,143,194,.17);
  border-radius:999px;
  background:rgba(255,255,255,.82);
  color:#314668;
  font-size:.79rem;
  font-weight:900;
  line-height:1;
  box-shadow:0 7px 17px rgba(59,80,124,.055),inset 0 1px 0 rgba(255,255,255,.94);
}
.ild-a4-notebook-workshop-promo.is-clean-premium .ild-a4-notebook-workshop-benefits span::before{
  display:grid;
  place-items:center;
  width:25px;
  height:25px;
  flex:0 0 25px;
  border-radius:8px;
  background:linear-gradient(135deg,rgba(113,71,245,.12),rgba(46,177,235,.10));
  color:#6545e5;
  font-size:13px;
  font-weight:950;
}
.ild-a4-notebook-workshop-promo.is-clean-premium .ild-a4-notebook-workshop-benefits .is-pen::before{content:'✎'}
.ild-a4-notebook-workshop-promo.is-clean-premium .ild-a4-notebook-workshop-benefits .is-layout::before{content:'▦'}
.ild-a4-notebook-workshop-promo.is-clean-premium .ild-a4-notebook-workshop-benefits .is-print::before{content:'▣'}
.ild-a4-notebook-workshop-promo.is-clean-premium .ild-a4-notebook-workshop-cta{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:12px;
  flex:0 0 auto;
  min-height:52px;
  margin:0;
  padding:10px 14px 10px 19px;
  border:1px solid rgba(255,255,255,.32);
  border-radius:16px;
  background:linear-gradient(118deg,#7138ed 0%,#6150f3 49%,#3a9bf2 100%);
  color:#fff!important;
  text-decoration:none!important;
  font-size:.93rem;
  font-weight:950;
  white-space:nowrap;
  box-shadow:0 12px 24px rgba(85,76,223,.22),inset 0 1px 0 rgba(255,255,255,.24);
  transition:transform .18s ease,box-shadow .18s ease,filter .18s ease;
}
.ild-a4-notebook-workshop-promo.is-clean-premium .ild-a4-notebook-workshop-cta:hover,
.ild-a4-notebook-workshop-promo.is-clean-premium .ild-a4-notebook-workshop-cta:focus-visible{
  transform:translateY(-1px);
  filter:brightness(1.035) saturate(1.03);
  box-shadow:0 16px 28px rgba(85,76,223,.27),inset 0 1px 0 rgba(255,255,255,.28);
}
.ild-a4-notebook-workshop-promo.is-clean-premium .ild-a4-notebook-workshop-cta-arrow{
  display:grid;
  place-items:center;
  width:30px;
  height:30px;
  flex:0 0 30px;
  border-radius:50%;
  background:rgba(255,255,255,.16);
  color:#fff;
  font-size:1rem;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.12);
}
html[data-bs-theme="dark"] .ild-a4-notebook-workshop-promo.is-clean-premium,
body.dark-mode .ild-a4-notebook-workshop-promo.is-clean-premium,
body.theme-dark .ild-a4-notebook-workshop-promo.is-clean-premium{
  border-color:rgba(105,128,245,.42);
  background:
    radial-gradient(ellipse at 4% 0%,rgba(119,80,246,.15),rgba(119,80,246,0) 32%),
    radial-gradient(ellipse at 98% 8%,rgba(43,185,232,.12),rgba(43,185,232,0) 30%),
    linear-gradient(135deg,#121a2a 0%,#17182a 51%,#10212b 100%);
  box-shadow:0 18px 42px rgba(0,0,0,.26),inset 0 1px 0 rgba(255,255,255,.045);
}
html[data-bs-theme="dark"] .ild-a4-notebook-workshop-promo.is-clean-premium::before,
body.dark-mode .ild-a4-notebook-workshop-promo.is-clean-premium::before,
body.theme-dark .ild-a4-notebook-workshop-promo.is-clean-premium::before{
  border-color:rgba(255,255,255,.055);
  box-shadow:inset 0 0 0 1px rgba(117,108,233,.08);
}
html[data-bs-theme="dark"] .ild-a4-notebook-workshop-promo.is-clean-premium h2,
body.dark-mode .ild-a4-notebook-workshop-promo.is-clean-premium h2,
body.theme-dark .ild-a4-notebook-workshop-promo.is-clean-premium h2{color:#eef4ff}
html[data-bs-theme="dark"] .ild-a4-notebook-workshop-promo.is-clean-premium p,
body.dark-mode .ild-a4-notebook-workshop-promo.is-clean-premium p,
body.theme-dark .ild-a4-notebook-workshop-promo.is-clean-premium p{color:#c4d0e1}
html[data-bs-theme="dark"] .ild-a4-notebook-workshop-promo.is-clean-premium .ild-a4-notebook-workshop-eyebrow,
body.dark-mode .ild-a4-notebook-workshop-promo.is-clean-premium .ild-a4-notebook-workshop-eyebrow,
body.theme-dark .ild-a4-notebook-workshop-promo.is-clean-premium .ild-a4-notebook-workshop-eyebrow,
html[data-bs-theme="dark"] .ild-a4-notebook-workshop-promo.is-clean-premium .ild-a4-notebook-workshop-benefits span,
body.dark-mode .ild-a4-notebook-workshop-promo.is-clean-premium .ild-a4-notebook-workshop-benefits span,
body.theme-dark .ild-a4-notebook-workshop-promo.is-clean-premium .ild-a4-notebook-workshop-benefits span{
  background:rgba(20,29,48,.78);
  border-color:rgba(143,157,202,.14);
  color:#e4eafd;
}
@media(max-width:900px){
  .ild-a4-notebook-workshop-promo.is-clean-premium{padding:26px 24px 24px}
  .ild-a4-notebook-workshop-promo.is-clean-premium .ild-a4-notebook-workshop-footer{align-items:stretch;flex-direction:column;gap:14px}
  .ild-a4-notebook-workshop-promo.is-clean-premium .ild-a4-notebook-workshop-cta{align-self:flex-start}
}
@media(max-width:600px){
  .ild-a4-notebook-workshop-promo.is-clean-premium{margin:20px 0 22px;padding:22px 17px 18px;border-radius:21px}
  .ild-a4-notebook-workshop-promo.is-clean-premium::before{inset:6px;border-radius:16px}
  .ild-a4-notebook-workshop-promo.is-clean-premium::after{left:18px;right:18px;height:2px}
  .ild-a4-notebook-workshop-promo.is-clean-premium .ild-a4-notebook-workshop-eyebrow{font-size:.7rem;margin-bottom:9px}
  .ild-a4-notebook-workshop-promo.is-clean-premium h2{font-size:1.34rem;line-height:1.14;margin-bottom:9px}
  .ild-a4-notebook-workshop-promo.is-clean-premium p{font-size:.9rem;line-height:1.5}
  .ild-a4-notebook-workshop-promo.is-clean-premium .ild-a4-notebook-workshop-footer{margin-top:16px}
  .ild-a4-notebook-workshop-promo.is-clean-premium .ild-a4-notebook-workshop-benefits{gap:7px}
  .ild-a4-notebook-workshop-promo.is-clean-premium .ild-a4-notebook-workshop-benefits span{min-height:37px;padding:6px 10px 6px 7px;font-size:.72rem}
  .ild-a4-notebook-workshop-promo.is-clean-premium .ild-a4-notebook-workshop-benefits span::before{width:23px;height:23px;flex-basis:23px;border-radius:7px;font-size:12px}
  .ild-a4-notebook-workshop-promo.is-clean-premium .ild-a4-notebook-workshop-cta{width:100%;min-height:49px;padding:9px 11px 9px 15px;font-size:.88rem}
}
@media(max-width:390px){
  .ild-a4-notebook-workshop-promo.is-clean-premium .ild-a4-notebook-workshop-benefits span{width:100%}
}


/* v1.29.65.24 — Görselsiz premium banner kompakt oran düzeltmesi */
@media (min-width:901px){
  .ild-a4-notebook-workshop-promo.is-clean-premium{
    margin:22px 0 24px;
    padding:23px 30px 22px;
    border-radius:22px;
    box-shadow:0 14px 32px rgba(41,67,118,.09),0 2px 7px rgba(73,97,153,.04),inset 0 1px 0 rgba(255,255,255,.98);
  }
  .ild-a4-notebook-workshop-promo.is-clean-premium::before{
    inset:7px;
    border-radius:17px;
  }
  .ild-a4-notebook-workshop-promo.is-clean-premium::after{
    left:24px;
    right:24px;
    height:2px;
  }
  .ild-a4-notebook-workshop-promo.is-clean-premium .ild-a4-notebook-workshop-eyebrow{
    gap:7px;
    margin-bottom:8px;
    padding:5px 10px 5px 7px;
    font-size:.72rem;
  }
  .ild-a4-notebook-workshop-promo.is-clean-premium .ild-a4-notebook-workshop-eyebrow::before{
    width:8px;height:8px;flex-basis:8px;border-radius:2px;box-shadow:0 0 0 3px rgba(112,71,245,.065);
  }
  .ild-a4-notebook-workshop-promo.is-clean-premium h2{
    max-width:none;
    margin-bottom:8px;
    font-size:clamp(1.48rem,2vw,1.92rem);
    line-height:1.08;
    letter-spacing:-.024em;
  }
  .ild-a4-notebook-workshop-promo.is-clean-premium p{
    max-width:none;
    font-size:.91rem;
    line-height:1.48;
  }
  .ild-a4-notebook-workshop-promo.is-clean-premium .ild-a4-notebook-workshop-footer{
    align-items:center;
    gap:16px;
    margin-top:15px;
  }
  .ild-a4-notebook-workshop-promo.is-clean-premium .ild-a4-notebook-workshop-benefits{
    gap:7px;
  }
  .ild-a4-notebook-workshop-promo.is-clean-premium .ild-a4-notebook-workshop-benefits span{
    gap:7px;
    min-height:35px;
    padding:5px 11px 5px 7px;
    font-size:.72rem;
  }
  .ild-a4-notebook-workshop-promo.is-clean-premium .ild-a4-notebook-workshop-benefits span::before{
    width:22px;height:22px;flex-basis:22px;border-radius:7px;font-size:11px;
  }
  .ild-a4-notebook-workshop-promo.is-clean-premium .ild-a4-notebook-workshop-cta{
    gap:9px;
    min-height:46px;
    padding:8px 11px 8px 16px;
    border-radius:14px;
    font-size:.85rem;
    box-shadow:0 10px 21px rgba(85,76,223,.20),inset 0 1px 0 rgba(255,255,255,.24);
  }
  .ild-a4-notebook-workshop-promo.is-clean-premium .ild-a4-notebook-workshop-cta-arrow{
    width:27px;height:27px;flex-basis:27px;font-size:.9rem;
  }
}


/* v1.29.65.25 — Daha kompakt oranlar + renkli etiket kutuları + dark mode uyumu */

@media (min-width:901px){
  .ild-a4-notebook-workshop-promo.is-clean-premium{
    margin:18px 0 20px;
    padding:19px 24px 18px;
    border-radius:20px;
  }
  .ild-a4-notebook-workshop-promo.is-clean-premium::before{inset:6px;border-radius:15px}
  .ild-a4-notebook-workshop-promo.is-clean-premium::after{left:20px;right:20px}
  .ild-a4-notebook-workshop-promo.is-clean-premium .ild-a4-notebook-workshop-eyebrow{
    margin-bottom:7px;
    padding:4px 9px 4px 7px;
    font-size:.68rem;
  }
  .ild-a4-notebook-workshop-promo.is-clean-premium h2{
    margin-bottom:6px;
    font-size:clamp(1.34rem,1.55vw,1.72rem);
    line-height:1.09;
    letter-spacing:-.02em;
  }
  .ild-a4-notebook-workshop-promo.is-clean-premium p{
    font-size:.86rem;
    line-height:1.44;
  }
  .ild-a4-notebook-workshop-promo.is-clean-premium .ild-a4-notebook-workshop-footer{
    gap:14px;
    margin-top:12px;
  }
  .ild-a4-notebook-workshop-promo.is-clean-premium .ild-a4-notebook-workshop-benefits{
    gap:8px;
  }
  .ild-a4-notebook-workshop-promo.is-clean-premium .ild-a4-notebook-workshop-benefits span{
    min-height:34px;
    padding:4px 11px 4px 7px;
    font-size:.73rem;
    border-width:1px;
    box-shadow:none;
  }
  .ild-a4-notebook-workshop-promo.is-clean-premium .ild-a4-notebook-workshop-benefits span::before{
    width:21px;height:21px;flex-basis:21px;border-radius:7px;font-size:10px;
  }
  .ild-a4-notebook-workshop-promo.is-clean-premium .ild-a4-notebook-workshop-cta{
    min-height:42px;
    padding:8px 10px 8px 14px;
    border-radius:13px;
    font-size:.82rem;
    box-shadow:0 8px 18px rgba(85,76,223,.17), inset 0 1px 0 rgba(255,255,255,.22);
  }
  .ild-a4-notebook-workshop-promo.is-clean-premium .ild-a4-notebook-workshop-cta-arrow{
    width:25px;height:25px;flex-basis:25px;font-size:.85rem;
  }
}

.ild-a4-notebook-workshop-promo.is-clean-premium .ild-a4-notebook-workshop-benefits .is-pen{
  background:linear-gradient(135deg, rgba(124,58,237,.12), rgba(167,139,250,.20));
  border-color:rgba(124,58,237,.22);
  color:#6d28d9;
}
.ild-a4-notebook-workshop-promo.is-clean-premium .ild-a4-notebook-workshop-benefits .is-pen::before{
  background:linear-gradient(135deg, rgba(124,58,237,.18), rgba(139,92,246,.26));
  color:#6d28d9;
}
.ild-a4-notebook-workshop-promo.is-clean-premium .ild-a4-notebook-workshop-benefits .is-layout{
  background:linear-gradient(135deg, rgba(37,99,235,.10), rgba(96,165,250,.19));
  border-color:rgba(59,130,246,.22);
  color:#1d4ed8;
}
.ild-a4-notebook-workshop-promo.is-clean-premium .ild-a4-notebook-workshop-benefits .is-layout::before{
  background:linear-gradient(135deg, rgba(37,99,235,.14), rgba(125,211,252,.22));
  color:#1d4ed8;
}
.ild-a4-notebook-workshop-promo.is-clean-premium .ild-a4-notebook-workshop-benefits .is-print{
  background:linear-gradient(135deg, rgba(13,148,136,.10), rgba(110,231,183,.18));
  border-color:rgba(13,148,136,.20);
  color:#0f766e;
}
.ild-a4-notebook-workshop-promo.is-clean-premium .ild-a4-notebook-workshop-benefits .is-print::before{
  background:linear-gradient(135deg, rgba(13,148,136,.13), rgba(110,231,183,.23));
  color:#0f766e;
}

html[data-bs-theme="dark"] .ild-a4-notebook-workshop-promo.is-clean-premium .ild-a4-notebook-workshop-benefits .is-pen,
body.dark-mode .ild-a4-notebook-workshop-promo.is-clean-premium .ild-a4-notebook-workshop-benefits .is-pen,
body.theme-dark .ild-a4-notebook-workshop-promo.is-clean-premium .ild-a4-notebook-workshop-benefits .is-pen{
  background:linear-gradient(135deg, rgba(124,58,237,.24), rgba(91,33,182,.33));
  border-color:rgba(167,139,250,.28);
  color:#ede9fe;
}
html[data-bs-theme="dark"] .ild-a4-notebook-workshop-promo.is-clean-premium .ild-a4-notebook-workshop-benefits .is-layout,
body.dark-mode .ild-a4-notebook-workshop-promo.is-clean-premium .ild-a4-notebook-workshop-benefits .is-layout,
body.theme-dark .ild-a4-notebook-workshop-promo.is-clean-premium .ild-a4-notebook-workshop-benefits .is-layout{
  background:linear-gradient(135deg, rgba(29,78,216,.23), rgba(8,145,178,.28));
  border-color:rgba(96,165,250,.26);
  color:#dbeafe;
}
html[data-bs-theme="dark"] .ild-a4-notebook-workshop-promo.is-clean-premium .ild-a4-notebook-workshop-benefits .is-print,
body.dark-mode .ild-a4-notebook-workshop-promo.is-clean-premium .ild-a4-notebook-workshop-benefits .is-print,
body.theme-dark .ild-a4-notebook-workshop-promo.is-clean-premium .ild-a4-notebook-workshop-benefits .is-print{
  background:linear-gradient(135deg, rgba(13,148,136,.22), rgba(5,150,105,.28));
  border-color:rgba(94,234,212,.2);
  color:#d1fae5;
}
html[data-bs-theme="dark"] .ild-a4-notebook-workshop-promo.is-clean-premium .ild-a4-notebook-workshop-benefits .is-pen::before,
body.dark-mode .ild-a4-notebook-workshop-promo.is-clean-premium .ild-a4-notebook-workshop-benefits .is-pen::before,
body.theme-dark .ild-a4-notebook-workshop-promo.is-clean-premium .ild-a4-notebook-workshop-benefits .is-pen::before,
html[data-bs-theme="dark"] .ild-a4-notebook-workshop-promo.is-clean-premium .ild-a4-notebook-workshop-benefits .is-layout::before,
body.dark-mode .ild-a4-notebook-workshop-promo.is-clean-premium .ild-a4-notebook-workshop-benefits .is-layout::before,
body.theme-dark .ild-a4-notebook-workshop-promo.is-clean-premium .ild-a4-notebook-workshop-benefits .is-layout::before,
html[data-bs-theme="dark"] .ild-a4-notebook-workshop-promo.is-clean-premium .ild-a4-notebook-workshop-benefits .is-print::before,
body.dark-mode .ild-a4-notebook-workshop-promo.is-clean-premium .ild-a4-notebook-workshop-benefits .is-print::before,
body.theme-dark .ild-a4-notebook-workshop-promo.is-clean-premium .ild-a4-notebook-workshop-benefits .is-print::before{
  color:#fff;
}

@media (max-width:767.98px){
  .ild-a4-notebook-workshop-promo.is-clean-premium{
    margin:18px 0 20px;
    padding:19px 15px 17px;
  }
  .ild-a4-notebook-workshop-promo.is-clean-premium h2{font-size:1.24rem}
  .ild-a4-notebook-workshop-promo.is-clean-premium p{font-size:.87rem}
  .ild-a4-notebook-workshop-promo.is-clean-premium .ild-a4-notebook-workshop-benefits span{font-size:.72rem}
}