/* PARAAR — De maand van de Opener · 1 t/m 3 september 2026 */
.paraar-deopener-rail{
  position:relative;z-index:1250;display:flex;align-items:center;justify-content:center;gap:18px;
  width:100%;min-height:56px;padding:9px 52px 9px 22px;color:#f7efd9;
  background:
    radial-gradient(circle at 18% 0,rgba(224,194,103,.16),transparent 28%),
    linear-gradient(96deg,#071812 0%,#102c22 35%,#211638 70%,#0b1721 100%);
  border-bottom:1px solid rgba(224,194,103,.38);box-shadow:0 14px 38px rgba(4,3,11,.22);
  font-family:"EB Garamond",serif;
}
.paraar-deopener-rail[hidden],.paraar-deopener-rail.is-dismissed{display:none!important}
.paraar-deopener-rail::after{content:"";position:absolute;left:8%;right:8%;bottom:-1px;height:1px;background:linear-gradient(90deg,transparent,#dfc466,transparent)}
.paraar-deopener-rail__mark{display:grid;place-items:center;width:31px;height:31px;flex:0 0 31px;border:1px solid rgba(224,194,103,.48);border-radius:50%;color:#e5ca73;background:rgba(255,255,255,.035);box-shadow:0 0 22px rgba(215,181,83,.16)}
.paraar-deopener-rail__text{display:flex;align-items:baseline;gap:12px;min-width:0}
.paraar-deopener-rail__text strong{font-family:"Cinzel",serif;font-size:11px;letter-spacing:.19em;text-transform:uppercase;color:#eed98f;white-space:nowrap}
.paraar-deopener-rail__text span{font-size:15px;color:rgba(247,239,217,.88)!important;white-space:nowrap}
.paraar-deopener-rail__link{display:inline-flex;align-items:center;gap:7px;color:#f4dfa0!important;text-decoration:none!important;font-family:"Cinzel",serif;font-size:10px;letter-spacing:.15em;text-transform:uppercase;white-space:nowrap}
.paraar-deopener-rail__link:hover span{transform:translateX(3px)}
.paraar-deopener-rail__link span{transition:transform .2s ease}
.paraar-deopener-rail__close{position:absolute;right:14px;top:50%;z-index:4;transform:translateY(-50%);display:grid;place-items:center;width:36px;height:36px;border:0;background:transparent;color:rgba(247,239,217,.72);font:300 24px/1 system-ui;cursor:pointer;pointer-events:auto;touch-action:manipulation}
.paraar-deopener-rail__close:hover{color:#fff}

.paraar-deopener-copy{display:inline-flex!important;align-items:center!important;gap:0!important;min-height:38px!important;padding:0!important;border:1px solid rgba(225,196,103,.54)!important;border-radius:999px!important;overflow:hidden!important;background:rgba(5,8,13,.4)!important;color:#fff!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.08)!important;cursor:pointer!important;white-space:nowrap!important}
.paraar-deopener-copy__label{display:inline-flex;align-items:center;min-height:36px;padding:0 15px;font-family:"Cinzel",serif;font-size:11px;font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:#f1d77f!important}
.paraar-deopener-copy__action{display:inline-flex;align-items:center;min-height:36px;padding:0 13px;border-left:1px solid rgba(225,196,103,.3);font:700 9px/1 system-ui;letter-spacing:.08em;text-transform:uppercase;color:rgba(255,255,255,.82)!important;background:rgba(255,255,255,.045)}
.paraar-deopener-copy:hover{border-color:rgba(238,211,126,.85)!important;box-shadow:0 10px 26px rgba(0,0,0,.16),inset 0 1px 0 rgba(255,255,255,.12)!important}
.paraar-deopener-copy.is-copied{border-color:rgba(118,210,164,.72)!important}
.paraar-deopener-copy.is-copied .paraar-deopener-copy__action{color:#a9ebc7}

.paraar-deopener-campaign{
  position:relative;isolation:isolate;width:100%;margin:12px 0 38px;padding:clamp(38px,6vw,78px) clamp(22px,5.5vw,78px);
  overflow:hidden;border:1px solid rgba(205,169,70,.43);border-radius:34px;color:#f7f0df;
  background:
    radial-gradient(circle at 88% 14%,rgba(223,185,82,.18),transparent 24%),
    radial-gradient(circle at 8% 90%,rgba(19,116,100,.23),transparent 32%),
    linear-gradient(135deg,#07150f 0%,#0c2f24 34%,#23183b 70%,#0b0b16 100%);
  box-shadow:0 38px 90px rgba(24,17,19,.2),inset 0 1px 0 rgba(255,255,255,.08);
}
.paraar-deopener-campaign::before{content:"";position:absolute;inset:11px;border:1px solid rgba(232,207,132,.12);border-radius:26px;pointer-events:none;z-index:-1}
.paraar-deopener-campaign::after{content:"DE OPENER";position:absolute;right:-.03em;bottom:-.2em;z-index:-1;font-family:"Cinzel Decorative",serif;font-size:clamp(76px,12vw,180px);font-weight:700;line-height:.8;letter-spacing:-.05em;color:rgba(255,255,255,.025);white-space:nowrap;pointer-events:none}
.paraar-deopener-campaign__aura{position:absolute;inset:-30%;z-index:-2;background:conic-gradient(from 220deg at 70% 42%,transparent,rgba(207,170,67,.12),transparent 32%,rgba(28,132,113,.11),transparent 58%);filter:blur(18px)}
.paraar-deopener-campaign__key{position:absolute;right:clamp(28px,7vw,100px);top:clamp(34px,6vw,76px);display:grid;place-items:center;width:clamp(74px,10vw,132px);height:clamp(74px,10vw,132px);border:1px solid rgba(231,203,116,.3);border-radius:50%;color:#e5c969;font-size:clamp(34px,5vw,62px);background:radial-gradient(circle,rgba(228,193,93,.12),rgba(255,255,255,.02) 56%,transparent 57%);box-shadow:0 0 0 12px rgba(232,201,106,.035),0 0 75px rgba(209,172,64,.16)}
.paraar-deopener-campaign__content{position:relative;z-index:2;max-width:790px}
.paraar-deopener-campaign__eyebrow{margin:0 0 22px!important;font-family:"Cinzel",serif!important;font-size:11px!important;font-weight:700!important;letter-spacing:.28em!important;text-transform:uppercase!important;color:#e5cc7c!important}
.paraar-deopener-campaign blockquote{max-width:670px;margin:0 0 26px;padding:0 0 0 19px;border-left:1px solid rgba(225,196,103,.58);font:italic clamp(18px,2vw,24px)/1.5 "EB Garamond",serif;color:rgba(249,241,220,.78)}
.paraar-deopener-campaign blockquote cite{display:block;margin-top:6px;font-size:13px;font-style:normal;letter-spacing:.05em;color:rgba(249,241,220,.46)}
.paraar-deopener-campaign h1{max-width:680px;margin:0 0 22px!important;font-family:"Cinzel Decorative",serif!important;font-size:clamp(42px,6.2vw,88px)!important;font-weight:700!important;line-height:.94!important;letter-spacing:-.035em!important;color:#fff8e9!important;text-wrap:balance}
.paraar-deopener-campaign h1 em{display:inline-block;font-style:normal;color:#e2c566;text-shadow:0 0 34px rgba(214,179,75,.16)}
.paraar-deopener-campaign p{max-width:710px;margin:0 0 13px!important;font-size:clamp(17px,1.6vw,20px)!important;line-height:1.7!important;color:rgba(247,240,223,.75)!important}
.paraar-deopener-campaign p strong{color:#fff0b8}
.paraar-deopener-campaign .paraar-deopener-campaign__lead{max-width:620px;margin-bottom:16px!important;font-size:clamp(21px,2.2vw,29px)!important;line-height:1.45!important;color:#fff7e6!important}
.paraar-deopener-campaign .paraar-deopener-campaign__why{margin-top:18px!important;font-style:italic;color:rgba(247,240,223,.58)!important}
.paraar-deopener-campaign__benefits{display:flex;flex-wrap:wrap;gap:10px;margin:28px 0 24px}
.paraar-deopener-campaign__benefits span{display:inline-flex;align-items:center;gap:9px;min-height:43px;padding:8px 14px;border:1px solid rgba(225,196,103,.28);border-radius:999px;background:rgba(255,255,255,.035);font:700 11px/1.1 "Cinzel",serif;letter-spacing:.09em;text-transform:uppercase;color:rgba(249,241,220,.9)!important}
.paraar-deopener-campaign__benefits b{color:#e5ca70!important;font-size:14px}
.paraar-deopener-campaign__actions{display:flex;align-items:center;flex-wrap:wrap;gap:13px;margin-top:8px}
.paraar-deopener-campaign__actions .paraar-deopener-copy{min-height:54px!important;background:rgba(5,8,13,.66)!important}
.paraar-deopener-campaign__actions .paraar-deopener-copy__label,.paraar-deopener-campaign__actions .paraar-deopener-copy__action{min-height:52px}
.paraar-deopener-campaign__cta{display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:14px!important;min-height:54px!important;padding:0 25px!important;border-radius:999px!important;background:linear-gradient(180deg,#e4ca73,#caa748)!important;color:#171008!important;text-decoration:none!important;font:800 11px/1 "Cinzel",serif!important;letter-spacing:.16em!important;text-transform:uppercase!important;box-shadow:0 14px 30px rgba(0,0,0,.2),inset 0 1px 0 rgba(255,255,255,.5)!important}
.paraar-deopener-campaign__cta:hover{transform:translateY(-2px);box-shadow:0 19px 36px rgba(0,0,0,.25),inset 0 1px 0 rgba(255,255,255,.55)!important}
.paraar-deopener-countdown{display:flex;align-items:center;flex-wrap:wrap;gap:9px;margin-top:27px;color:#fff}
.paraar-deopener-countdown__label{width:100%;margin-bottom:3px;font:700 9px/1 "Cinzel",serif;letter-spacing:.24em;text-transform:uppercase;color:rgba(227,201,115,.62)}
.paraar-deopener-countdown>span:not(.paraar-deopener-countdown__label){display:flex;align-items:baseline;gap:5px}
.paraar-deopener-countdown b{font:600 23px/1 "Cinzel",serif;color:#f4dda0;font-variant-numeric:tabular-nums}
.paraar-deopener-countdown small{font:700 8px/1 system-ui;letter-spacing:.08em;text-transform:uppercase;color:rgba(255,255,255,.45)}
.paraar-deopener-countdown i{font-style:normal;color:rgba(229,202,112,.42)}
.paraar-deopener-campaign .paraar-deopener-campaign__fineprint{margin-top:18px!important;font:400 12px/1.55 system-ui!important;color:rgba(247,240,223,.42)!important}

.paraar-deopener-product-note{margin:17px 0 23px;padding:20px 21px;border:1px solid rgba(174,132,29,.38);border-radius:21px;background:radial-gradient(circle at 95% 0,rgba(201,168,76,.18),transparent 38%),linear-gradient(145deg,#102c22,#221737 76%);color:#f8efda;box-shadow:0 19px 42px rgba(25,16,25,.16)}
.paraar-deopener-product-note__eyebrow{margin-bottom:8px;font:700 10px/1.2 "Cinzel",serif;letter-spacing:.19em;text-transform:uppercase;color:#e5c96c}
.paraar-deopener-product-note>strong{display:block;margin-bottom:7px;font:600 18px/1.4 "Cinzel",serif;color:#fff4d1}
.paraar-deopener-product-note p{margin:0 0 14px!important;font-size:15px!important;line-height:1.55!important;color:rgba(248,239,218,.69)!important}
.paraar-deopener-product-note .paraar-deopener-copy{background:rgba(3,6,9,.36)!important}

.paraar-deopener-cart-note{display:flex;align-items:center;gap:16px;margin:0 0 24px;padding:18px 20px;border:1px solid rgba(174,132,29,.35);border-radius:20px;background:linear-gradient(135deg,rgba(255,250,236,.98),rgba(238,226,197,.95));color:#1a1614;box-shadow:0 15px 35px rgba(26,22,20,.08)}
.paraar-deopener-cart-note.is-applied{border-color:rgba(33,121,89,.38);background:linear-gradient(135deg,rgba(241,255,249,.98),rgba(219,242,229,.95))}
.paraar-deopener-cart-note__mark{display:grid;place-items:center;width:42px;height:42px;flex:0 0 42px;border-radius:50%;background:#173b2e;color:#e6cd77;font:600 20px/1 Georgia,serif}
.paraar-deopener-cart-note>div{flex:1}
.paraar-deopener-cart-note strong{display:block;margin-bottom:4px;font:600 17px/1.35 "Cinzel",serif;color:#1a2b22}
.paraar-deopener-cart-note p{margin:0!important;color:rgba(26,22,20,.68)!important;font-size:15px!important;line-height:1.5!important}
.paraar-deopener-cart-note .paraar-deopener-copy{background:#132d25!important}

.paraar-deopener-personal-fields{margin:27px 0;padding:24px;border:1px solid rgba(201,168,76,.3);border-radius:24px;background:linear-gradient(145deg,rgba(255,252,244,.98),rgba(239,229,207,.93));box-shadow:0 18px 44px rgba(26,22,20,.07)}
.paraar-deopener-personal-fields__eyebrow{margin-bottom:8px;font:700 10px/1.2 "Cinzel",serif;letter-spacing:.21em;text-transform:uppercase;color:#9d781c}
.paraar-deopener-personal-fields h3{margin:0 0 8px!important;font-family:"Cinzel Decorative",serif!important;color:#172018!important}
.paraar-deopener-personal-fields>p{margin:0 0 18px!important;color:rgba(26,22,20,.66)!important;line-height:1.55!important}
.paraar-deopener-personal-fields .form-row{margin-bottom:14px!important}
.paraar-deopener-personal-fields label{font-weight:700!important;color:#283029!important}
.paraar-deopener-personal-fields input,.paraar-deopener-personal-fields textarea{width:100%!important;border:1px solid rgba(139,105,20,.25)!important;border-radius:13px!important;background:rgba(255,255,255,.8)!important;color:#1a1614!important;padding:12px 14px!important}
.paraar-deopener-thankyou{display:flex;align-items:flex-start;gap:16px;margin:24px 0;padding:21px;border:1px solid rgba(201,168,76,.38);border-radius:21px;background:linear-gradient(135deg,#102c22,#211737);color:#f7efd9;box-shadow:0 18px 42px rgba(15,10,26,.15)}
.paraar-deopener-thankyou>span{display:grid;place-items:center;width:42px;height:42px;flex:0 0 42px;border:1px solid rgba(229,202,112,.42);border-radius:50%;color:#e5ca70}
.paraar-deopener-thankyou strong{display:block;margin-bottom:5px;font:600 18px/1.4 "Cinzel",serif;color:#fff3c8}
.paraar-deopener-thankyou p{margin:0!important;color:rgba(247,239,217,.7)!important;line-height:1.6!important}

.paraar-deopener-badge{position:absolute;top:13px;right:13px;z-index:12;display:inline-flex!important;align-items:center;justify-content:center;min-height:34px;padding:8px 13px;border:1px solid rgba(255,255,255,.2);border-radius:999px;background:linear-gradient(135deg,#163c2f,#25183f)!important;color:#f0d986!important;font:800 9px/1 "Cinzel",serif;letter-spacing:.12em;text-transform:uppercase;box-shadow:0 9px 22px rgba(10,7,17,.27)}

/* Houd alle teksten op de donkere actievlakken leesbaar, ook wanneer
   WooCommerce of een productkaart een algemene donkere tekstkleur oplegt. */
.paraar-deopener-rail .paraar-deopener-copy span,
.paraar-deopener-campaign .paraar-deopener-copy span,
.paraar-deopener-product-note .paraar-deopener-copy span{opacity:1!important}
.paraar-deopener-campaign__actions .paraar-deopener-copy__label,
.paraar-deopener-product-note .paraar-deopener-copy__label{color:#f4dc8d!important}
.paraar-deopener-campaign__actions .paraar-deopener-copy__action,
.paraar-deopener-product-note .paraar-deopener-copy__action{color:#fff8e9!important}
.paraar-shop-featured__card,.paraar-product-card{position:relative}

@media (max-width:900px){
  .paraar-deopener-rail{justify-content:flex-start;gap:11px;padding:10px 45px 10px 14px}
  .paraar-deopener-rail__text{display:block;flex:1}
  .paraar-deopener-rail__text strong,.paraar-deopener-rail__text span{display:block;white-space:normal}
  .paraar-deopener-rail__text span{margin-top:3px;font-size:13px}
  .paraar-deopener-rail__link{display:none}
  .paraar-deopener-campaign__key{opacity:.35}
}

@media (max-width:650px){
  .paraar-deopener-rail{min-height:62px}
  .paraar-deopener-rail__mark{display:none}
  .paraar-deopener-rail__text strong{font-size:9px;letter-spacing:.15em}
  .paraar-deopener-rail__text span{font-size:12px}
  .paraar-deopener-rail .paraar-deopener-copy__action{display:none}
  .paraar-deopener-rail .paraar-deopener-copy__label{padding:0 11px;font-size:9px}
  .paraar-deopener-campaign{margin-top:6px;padding:35px 21px 30px;border-radius:25px}
  .paraar-deopener-campaign::before{inset:7px;border-radius:19px}
  .paraar-deopener-campaign__key{right:19px;top:22px;width:62px;height:62px;font-size:28px}
  .paraar-deopener-campaign__eyebrow{max-width:230px;font-size:9px!important;letter-spacing:.2em!important}
  .paraar-deopener-campaign blockquote{margin-top:32px;font-size:17px}
  .paraar-deopener-campaign h1{font-size:clamp(38px,13vw,56px)!important}
  .paraar-deopener-campaign .paraar-deopener-campaign__lead{font-size:20px!important}
  .paraar-deopener-campaign p{font-size:16px!important}
  .paraar-deopener-campaign__benefits{gap:7px}
  .paraar-deopener-campaign__benefits span{font-size:9px;padding-inline:11px}
  .paraar-deopener-campaign__actions{display:grid;grid-template-columns:1fr}
  .paraar-deopener-campaign__actions .paraar-deopener-copy,.paraar-deopener-campaign__cta{width:100%!important}
  .paraar-deopener-countdown{gap:7px}
  .paraar-deopener-countdown b{font-size:19px}
  .paraar-deopener-cart-note{align-items:flex-start;flex-wrap:wrap;padding:16px}
  .paraar-deopener-cart-note .paraar-deopener-copy{width:100%!important;justify-content:center!important}
  .paraar-deopener-personal-fields{padding:19px 16px;border-radius:19px}
}

@media (prefers-reduced-motion:reduce){
  .paraar-deopener-campaign__cta,.paraar-deopener-copy,.paraar-deopener-rail__link span{transition:none!important}
}