.codlino-card{--codlino-accent:#126b52;box-sizing:border-box;max-width:520px;margin:24px auto;padding:28px;background:var(--codlino-box,#fff);border:1px solid #dce7e1;border-radius:20px;box-shadow:0 8px 28px #173e290c;color:#172c25;font-family:var(--codlino-font,"Janna"),var(--e-global-typography-text-font-family,system-ui),sans-serif;direction:rtl;text-align:right;line-height:1.6}
.codlino-card *{box-sizing:border-box}
.codlino-card .codlino-badge{display:inline-block;padding:5px 12px;background:#e9f6ef;color:#126b52;border-radius:30px;font-size:13px;font-weight:700}
.codlino-card h2{margin:16px 0 24px;font-family:inherit;font-size:25px;line-height:1.3;color:inherit;text-align:center}
.codlino-card .codlino-price{margin:8px 0;font-size:21px;font-weight:700;color:var(--codlino-accent)}
.codlino-card .codlino-field{margin:0 0 16px}
.codlino-card label{display:block;margin:0 0 7px;color:inherit;font-size:14px;font-weight:600;text-align:right}
.codlino-card .codlino-field input,.codlino-card .codlino-field select,.codlino-card .codlino-field textarea{display:block;width:100%;min-width:0;min-height:49px;margin:0;padding:10px 14px;border:1px solid var(--codlino-border,#acbfb4);border-radius:10px;background:var(--codlino-field,#fafcfb);color:#172c25;font:inherit;font-size:16px;box-shadow:none;text-align:right}
.codlino-card .codlino-field textarea{resize:vertical}
.codlino-card .codlino-field input:focus,.codlino-card .codlino-field select:focus,.codlino-card .codlino-field textarea:focus{outline:2px solid #dcefe4;outline-offset:1px;border-color:var(--codlino-accent)}
.codlino-card button[type=submit]{display:block;width:var(--codlino-button-width,100%);margin:var(--codlino-button-gap,16px) auto 0;min-height:50px;padding:var(--codlino-button-padding,13px) 16px;border:0;border-radius:11px;background:var(--codlino-accent);color:var(--codlino-button-text,#fff);font:inherit;font-weight:700;font-size:var(--codlino-button-size,17px);line-height:1.4;cursor:pointer;white-space:normal}
.codlino-card button[type=submit]:hover{filter:brightness(.92)}
.codlino-card button[type=submit]:focus-visible{outline:3px solid #126b52;outline-offset:4px}
.codlino-card button[type=submit]:disabled{opacity:.65;cursor:wait}
.codlino-card .codlino-trap{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.codlino-card .codlino-status{margin:0;font-size:14px}
.codlino-card .codlino-status:not(:empty){padding:10px 12px;margin:0 0 14px;border-radius:8px;background:#fff2f0;color:#a32822}
.codlino-card .codlino-privacy{margin:14px 0 0;text-align:center;font-size:12px}
.codlino-card .codlino-privacy a{color:#52665d;text-decoration:underline}
.codlino-unavailable{padding:16px;border:1px solid #dce7e1;border-radius:10px}
@media(max-width:480px){.codlino-card{margin:16px auto;padding:22px 18px;border-radius:16px}.codlino-card h2{font-size:22px}}

.codlino-card .codlino-form>.codlino-field:last-of-type{margin-bottom:0}
.codlino-card .codlino-field:has(+.codlino-trap){margin-bottom:0}
.codlino-template-express{border-radius:8px;border-top:5px solid var(--codlino-accent);padding:24px;box-shadow:0 8px 24px #173c7114}
.codlino-template-express .codlino-field{margin-bottom:12px}.codlino-template-express .codlino-field input,.codlino-template-express .codlino-field select,.codlino-template-express .codlino-field textarea{border-radius:5px}.codlino-template-express button[type=submit]{border-radius:6px}
.codlino-template-express .codlino-badge{background:#e0ebff;color:#2255aa;border-radius:6px}
.codlino-template-premium{border:2px solid var(--codlino-border);box-shadow:0 14px 36px #80622518;border-radius:24px}
.codlino-template-premium .codlino-badge{background:#f1e4c9;color:#78551d}.codlino-template-premium .codlino-field input,.codlino-template-premium .codlino-field select,.codlino-template-premium .codlino-field textarea{border-radius:14px}.codlino-template-premium h2{padding-bottom:18px;border-bottom:1px solid var(--codlino-border)}
@keyframes codlino-nudge{0%,85%,100%{transform:translateX(0)}88%,94%{transform:translateX(-2px)}91%,97%{transform:translateX(2px)}}
.codlino-motion button[type=submit]:not(:disabled){animation:codlino-nudge 4s ease-in-out infinite}
.codlino-motion button[type=submit]:hover,.codlino-motion button[type=submit]:focus{animation:none}
@media(prefers-reduced-motion:reduce){.codlino-motion button[type=submit]{animation:none!important}}

/* Keep the shopper's chosen palette while refining spacing and focus. */
.codlino-card .codlino-badge{font-size:12px;padding:6px 13px;font-weight:600;letter-spacing:0}
.codlino-card h2{font-weight:700;line-height:1.5;overflow-wrap:anywhere}
.codlino-card .codlino-field input,.codlino-card .codlino-field select,.codlino-card .codlino-field textarea{transition:border-color .15s,box-shadow .15s}
.codlino-card button[type=submit]{transition:filter .15s,box-shadow .15s;box-shadow:0 3px 8px #172c250a}
.codlino-card .codlino-privacy a{text-underline-offset:3px}.codlino-card .codlino-price del{opacity:.6;font-size:.8em}.codlino-card .codlino-price ins{background:none;text-decoration:none}
@media(prefers-reduced-motion:reduce){.codlino-card *{transition:none!important}}

.codlino-swatches{display:flex;flex-wrap:wrap;gap:9px;margin-top:10px}.codlino-card [hidden]{display:none!important}.codlino-swatches button{display:flex;align-items:center;justify-content:center;gap:7px;padding:8px 11px;min-height:42px;background:var(--codlino-field,#fff);border:1px solid var(--codlino-border,#acbfb4);border-radius:9px;color:#213c2c;font:inherit;font-size:13px;cursor:pointer}.codlino-swatches button[aria-pressed=true]{outline:2px solid var(--codlino-accent);outline-offset:2px}.codlino-swatches button:disabled{opacity:.35;cursor:not-allowed}.codlino-color-swatch{width:24px;height:24px;border:1px solid #0002;border-radius:50%;display:block}.codlino-swatches img{object-fit:cover;border-radius:6px}.codlino-selected-image{display:block;max-width:100%;width:120px;height:120px;object-fit:contain;margin:12px auto;border-radius:10px}.codlino-card [data-variation-status]{font-size:12px;margin:10px 0 16px;color:#52715c}.codlino-card .codlino-quantity input{max-width:120px;direction:ltr}

/* Refined proportions while retaining merchant-defined palette variables. */
.codlino-card{padding:32px;border:1px solid var(--codlino-border,#d8e3e0);border-radius:22px;box-shadow:0 14px 38px #183b2f0a,0 2px 7px #183b2f04;color:#253c34;line-height:1.75}
.codlino-card .codlino-badge{background:#edf4ef;color:#335e48;border:1px solid #dbe8dd;padding:5px 12px;font-size:11px;font-weight:650;letter-spacing:0}
.codlino-card h2{font-size:26px;font-weight:750;line-height:1.5;margin:18px 0 27px;letter-spacing:-.4px}
.codlino-card .codlino-field{margin-bottom:18px}.codlino-card label{font-size:13px;font-weight:650;margin-bottom:8px;color:#3b5146}
.codlino-card .codlino-field input,.codlino-card .codlino-field select,.codlino-card .codlino-field textarea{min-height:52px;padding:12px 15px;border-radius:11px;color:#253c34;transition:border-color .16s,box-shadow .16s,background .16s}
.codlino-card .codlino-field input::placeholder,.codlino-card .codlino-field textarea::placeholder{color:#718376;opacity:1}
.codlino-card .codlino-field input:focus,.codlino-card .codlino-field select:focus,.codlino-card .codlino-field textarea:focus{border-color:var(--codlino-accent);outline:2px solid var(--codlino-accent);outline-offset:2px;box-shadow:none}
.codlino-card button[type=submit]{min-height:52px;border-radius:11px;box-shadow:0 5px 12px #1d443518;transition:filter .16s,box-shadow .16s;font-weight:700}
.codlino-card button[type=submit]:hover{filter:brightness(.94);box-shadow:0 7px 17px #1d443524}
.codlino-card button[type=submit]:focus-visible{outline-color:var(--codlino-accent)}
.codlino-card .codlino-privacy{margin-top:18px;font-size:11px;line-height:1.8}.codlino-card .codlino-privacy a{color:#607365}
.codlino-card .codlino-price{font-size:23px;margin:8px 0 18px}.codlino-card .codlino-status:not(:empty){border:1px solid #f0d8d0;background:#fff5f1;color:#923e30;padding:12px 14px;border-radius:10px}
.codlino-template-express{padding:26px;border-radius:14px;border-top:3px solid var(--codlino-accent);box-shadow:0 10px 28px #22346a0a}
.codlino-template-express .codlino-badge{background:#eef1fa;border-color:#dce1f1;color:#3c4d86;border-radius:6px}
.codlino-template-express .codlino-field input,.codlino-template-express .codlino-field select,.codlino-template-express .codlino-field textarea,.codlino-template-express button[type=submit]{border-radius:8px}
.codlino-template-premium{border:1px solid var(--codlino-border);border-radius:24px;box-shadow:0 16px 40px #55432a0b,0 2px 6px #55432a05}
.codlino-template-premium .codlino-badge{background:#f2ece0;border-color:#e8dfcd;color:#705c3d;border-radius:6px}
.codlino-template-premium h2{border-bottom:1px solid var(--codlino-border);padding-bottom:22px}
.codlino-template-premium .codlino-field input,.codlino-template-premium .codlino-field select,.codlino-template-premium .codlino-field textarea{border-radius:11px}
.codlino-swatches{gap:10px}.codlino-swatches button{min-height:44px;padding:9px 13px;border-radius:9px;color:#374e40}.codlino-swatches button:focus-visible{outline:2px solid var(--codlino-accent);outline-offset:3px}
@media(max-width:480px){.codlino-card{padding:24px 19px;border-radius:18px;margin:16px auto}.codlino-card h2{font-size:23px;margin-bottom:23px}.codlino-card .codlino-field{margin-bottom:16px}.codlino-template-express{border-radius:12px}.codlino-template-premium{border-radius:20px}}
@media(prefers-reduced-motion:reduce){.codlino-card *{transition:none!important}}

.codlino-card .codlino-quantity-control{position:relative;display:flex;max-width:180px;align-items:stretch}.codlino-card .codlino-quantity-control input{max-width:none;width:100%;padding-inline:15px 48px;text-align:center;font-variant-numeric:tabular-nums}.codlino-card .codlino-quantity-control[data-ready] input{appearance:textfield}.codlino-card .codlino-quantity-control[data-ready] input::-webkit-inner-spin-button,.codlino-card .codlino-quantity-control[data-ready] input::-webkit-outer-spin-button{appearance:none;margin:0}
.codlino-card .codlino-quantity-arrows{position:absolute;inset-inline-end:4px;top:4px;bottom:4px;display:grid;grid-template-rows:1fr 1fr;width:32px;gap:2px}.codlino-card .codlino-quantity-arrows button{display:grid;place-items:center;border:0;border-radius:5px;background:#edf4ee;color:#285540;font:17px system-ui;line-height:1;cursor:pointer;padding:0}.codlino-card .codlino-quantity-arrows button:hover{background:#ddebe0}.codlino-card .codlino-quantity-arrows button:disabled{opacity:.4;cursor:default}.codlino-card .codlino-quantity-arrows button:focus-visible{outline:2px solid var(--codlino-accent);outline-offset:1px}

.codlino-card .codlino-quantity{width:140px;max-width:100%;margin-inline-start:0;margin-inline-end:auto}.codlino-card .codlino-quantity-control{width:140px;max-width:100%}.codlino-card .codlino-quantity input{width:100%}

.codlino-card[dir=ltr]{direction:ltr;text-align:left}.codlino-card[dir=ltr] label,.codlino-card[dir=ltr] .codlino-field input,.codlino-card[dir=ltr] .codlino-field select,.codlino-card[dir=ltr] .codlino-field textarea{text-align:start}

/* Preserve merchant colors and button spacing while standardizing field rhythm. */
.codlino-card .codlino-form{margin:0}.codlino-card .codlino-field{margin-bottom:18px}.codlino-card .codlino-field label{margin-bottom:8px}.codlino-card .codlino-product-options{margin-bottom:22px}.codlino-card .codlino-quantity{margin-top:4px}.codlino-card .codlino-status:empty{margin:0;padding:0}.codlino-card .codlino-privacy{margin:17px 0 0}
@media(max-width:480px){.codlino-card{padding:22px 18px;margin:18px auto}.codlino-card .codlino-field{margin-bottom:16px}.codlino-card h2{margin:15px 0 22px}.codlino-card .codlino-product-options{margin-bottom:18px}}

/* WooCommerce variation offers: keep native fields as an accessible fallback. */
.codlino-product-options.has-offer-cards .codlino-attribute{position:absolute!important;width:1px!important;height:1px!important;overflow:hidden!important;clip-path:inset(50%)!important;white-space:nowrap!important}
.codlino-offer-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:24px 0 14px;align-items:stretch}
.codlino-form .codlino-offer-card{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;min-width:0;min-height:120px;padding:28px 10px 18px;border:2px solid #dce5df;border-radius:16px;background:#fff;color:#253d35;font:inherit;cursor:pointer;box-shadow:0 3px 12px #253d3508;transition:border-color .15s,box-shadow .15s}
.codlino-form .codlino-offer-card[aria-pressed=true]{border-color:#25814d;background:#f1faf4;box-shadow:0 6px 20px #25814d20}
.codlino-form .codlino-offer-card:focus-visible{outline:3px solid #25814d;outline-offset:4px}
.codlino-offer-badge{position:absolute;top:-13px;inset-inline:5px;padding:5px 7px;border-radius:20px;background:#25814d;color:#fff;font-size:11px;font-weight:700;line-height:1.5;white-space:nowrap}
.codlino-offer-title{font-size:16px;font-weight:700;overflow-wrap:anywhere}.codlino-offer-price{font-size:14px;font-weight:700}.codlino-offer-price del{opacity:.55;font-size:11px}.codlino-offer-price ins{background:transparent}
@media(max-width:480px){.codlino-offer-cards{gap:7px}.codlino-form .codlino-offer-card{padding-inline:6px;min-height:110px}.codlino-offer-title{font-size:14px}.codlino-offer-price{font-size:12px}.codlino-offer-badge{font-size:9px;inset-inline:2px}}
@media(prefers-reduced-motion:reduce){.codlino-form .codlino-offer-card{transition:none}}

.codlino-form .codlino-offer-card{background:linear-gradient(160deg,#fff,#f4f7f5);border-color:#d8e4dc;min-height:175px;padding-top:23px;isolation:isolate;touch-action:manipulation}
.codlino-form .codlino-offer-card:hover{border-color:#83ad94;box-shadow:0 8px 24px #253d3514}
.codlino-form .codlino-offer-card[aria-pressed=true]{background:linear-gradient(160deg,#f3fcf5,#e4f3e9);border-color:#25814d;box-shadow:0 7px 24px #25814d26}
.codlino-form .codlino-offer-card.is-popular{border-color:#c9af78}
.codlino-form .codlino-offer-card.is-popular[aria-pressed=true]{border-color:#25814d}
.codlino-offer-badge{background:linear-gradient(100deg,#225f40,#25814d);box-shadow:0 3px 9px #225f4020;z-index:1}
.codlino-card .codlino-offer-image{display:block;width:100%;height:95px;object-fit:contain;border-radius:10px;margin:0;background:#ffffffb3;pointer-events:none}
.codlino-offer-title,.codlino-offer-price,.codlino-offer-badge{pointer-events:none}
@media(max-width:480px){.codlino-card .codlino-offer-image{height:72px}.codlino-form .codlino-offer-card{min-height:155px}}

/* Offers begin at the right edge, from the smaller price. */
.codlino-offer-cards{direction:rtl}
.codlino-card .codlino-offer-price,.codlino-card .codlino-offer-price .woocommerce-Price-amount{color:#198348;font-size:18px;font-weight:800;line-height:1.4}
.codlino-card .codlino-offer-price del,.codlino-card .codlino-offer-price del .woocommerce-Price-amount{color:#789184;font-size:11px;font-weight:400}
.codlino-card .codlino-offer-saving{display:block;color:#28774b;font-size:11px;font-weight:600;line-height:1.5;pointer-events:none}
.codlino-card .codlino-offer-image{width:64px;max-width:100%;height:66px;background:transparent;border-radius:8px}
.codlino-form .codlino-offer-card{gap:9px;min-height:160px}
@media(max-width:480px){.codlino-card .codlino-offer-image{width:50px;height:54px}.codlino-card .codlino-offer-price,.codlino-card .codlino-offer-price .woocommerce-Price-amount{font-size:15px}.codlino-card .codlino-offer-saving{font-size:10px}}