.nama-cod{
  --gold:#e8a02c;
  --gold2:#f6b32b;
  --dark:#2b1708;
  direction:rtl;
  max-width:860px;
  margin:auto;
  padding:34px 26px;
  border-radius:28px;
  background-color:var(--checkout-bg-color,#fff8e8);
  background-image:var(--checkout-bg-image,none),radial-gradient(circle at top left,var(--checkout-accent-1,rgba(255,190,63,.35)),transparent 28%),radial-gradient(circle at bottom right,var(--checkout-accent-2,rgba(255,204,82,.28)),transparent 30%),linear-gradient(var(--checkout-gradient-angle,180deg),var(--checkout-gradient-start,#fffdf7),var(--checkout-gradient-end,#fff8e8));
  background-size:var(--checkout-bg-size,cover),auto,auto,auto;
  background-position:var(--checkout-bg-position,center center),top left,bottom right,center center;
  background-repeat:var(--checkout-bg-repeat,no-repeat),no-repeat,no-repeat,no-repeat;
  border:1px solid rgba(230,157,28,.35);
  box-shadow:0 18px 45px rgba(0,0,0,.10);
  font-family:Tahoma,Arial,sans-serif;
  color:var(--dark);
  position:relative;
  overflow:hidden;
}

.nama-bg-mode-solid .nama-cod{background-image:var(--checkout-bg-image,none);background-color:var(--checkout-bg-color,#fff8e8);background-size:var(--checkout-bg-size,cover);background-position:var(--checkout-bg-position,center center);background-repeat:var(--checkout-bg-repeat,no-repeat)}
.nama-bg-mode-gradient .nama-cod{background-color:var(--checkout-bg-color,#fff8e8)}
.nama-cod:before{content:"";position:absolute;inset:0;border-radius:inherit;background:var(--checkout-overlay-color,transparent);opacity:var(--checkout-overlay-opacity,0);pointer-events:none;z-index:0}.nama-cod>*{position:relative;z-index:1}
.nama-cod *{box-sizing:border-box}
.nama-title-wrap{display:flex;align-items:center;justify-content:center;gap:18px;margin-bottom:30px;text-align:center}
.nama-title{text-align:center;font-size:42px;line-height:1.25;font-weight:900;text-shadow:0 2px 0 rgba(228,156,38,.25)}
.nama-title-decor{display:inline-flex;align-items:center;justify-content:center;color:#c48618;line-height:1;flex:0 0 auto;--title-mirror:1;--title-decor-y:0px;transform:translateY(var(--title-decor-y,0px)) rotate(var(--title-decor-rotate,0deg)) scaleX(var(--title-mirror,1))}.nama-title-decor.is-mirrored{--title-mirror:-1}.nama-title-decor svg{width:1em;height:1em;fill:currentColor}
.nama-grid{display:flex;flex-wrap:wrap;gap:14px 18px;margin-bottom:20px}
.nama-field-wrap{position:relative;width:calc(50% - 9px)}
.nama-field-w-25{width:calc(25% - 14px)}.nama-field-w-33{width:calc(33.333% - 12px)}.nama-field-w-50{width:calc(50% - 9px)}.nama-field-w-66{width:calc(66.666% - 6px)}.nama-field-w-100{width:100%}
.nama-field-wrap:before{content:"";position:absolute;top:18px;bottom:18px;right:76px;width:1px;background:var(--gold);z-index:3;pointer-events:none}
.nama-field{width:100%!important;height:74px!important;min-height:74px!important;padding:0 112px 0 22px!important;border:2px solid var(--gold)!important;border-radius:18px!important;background:#fffef9!important;font-size:22px;color:#222!important;outline:none!important;box-shadow:0 5px 12px rgba(232,160,44,.12)!important;text-align:right!important;direction:rtl!important}
.nama-field::placeholder{color:#222!important;opacity:.9!important}.nama-field-wrap textarea.nama-field{padding-top:18px!important;height:110px!important}
.nama-icon{position:absolute;right:24px;top:50%;transform:translateY(-50%);width:42px;height:42px;display:flex;align-items:center;justify-content:center;font-size:28px;pointer-events:none;z-index:4;color:#3a1d05}.nama-icon svg{width:1em;height:1em;fill:currentColor}

.nama-offers-heading-wrap{display:flex;align-items:center;justify-content:center;gap:16px;margin:24px 0 18px;position:relative}
.nama-offers-heading-wrap.has-lines:before,.nama-offers-heading-wrap.has-lines:after{content:"";height:2px;flex:1;background:var(--gold);opacity:.75;border-radius:4px}
.nama-offers-heading{position:relative;font-size:28px;font-weight:900;line-height:1.2;color:var(--dark);white-space:nowrap;text-align:center}
.nama-offers-heading-wrap.has-lines .nama-offers-heading:before,.nama-offers-heading-wrap.has-lines .nama-offers-heading:after{content:"";position:absolute;top:50%;width:8px;height:8px;border-radius:999px;background:var(--gold);transform:translateY(-50%)}
.nama-offers-heading-wrap.has-lines .nama-offers-heading:before{right:-18px}.nama-offers-heading-wrap.has-lines .nama-offers-heading:after{left:-18px}

 .nama-offers{padding-top:2px}
.nama-offer{
  position:relative;
  display:grid;
  grid-template-columns:var(--offer-title-col,32%) var(--offer-badge-col,36%) var(--offer-price-col,32%);
  align-items:center;
  min-height:108px;
  padding:14px 22px;
  margin:22px 0 13px;
  border:2px solid var(--offer-border,var(--gold));
  border-radius:20px;
  background:var(--offer-bg,#fff);
  cursor:pointer;
  transition:.2s ease;
  box-shadow:0 6px 12px rgba(232,160,44,.10);
  overflow:visible;
}
.nama-offer:hover{transform:translateY(-1px)}
.nama-offer.selected{border:4px solid var(--gold2);background:#fff9e8;box-shadow:0 0 0 3px var(--selected-shadow-color,rgba(246,179,43,.16)),0 0 var(--selected-shadow-blur,24px) var(--selected-shadow-spread,0px) var(--selected-shadow-color,rgba(246,179,43,.45))}
.nama-offer-right,.nama-offer-center,.nama-price-box{min-width:0;max-width:100%;}
.nama-offer-right{display:flex;align-items:center;justify-content:flex-start;gap:14px;width:100%;min-width:0;max-width:100%;overflow:hidden;flex-wrap:nowrap;padding:0 6px;text-align:right}.nama-offer-center{display:flex;align-items:center;justify-content:center;gap:18px;min-height:74px;overflow:visible}.nama-price-box{text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center;overflow:hidden}
.nama-radio{position:relative;width:44px;height:44px;border:3px solid #111;border-radius:50%;display:flex;align-items:center;justify-content:center;background:#fff;flex-shrink:0;color:#fff;overflow:hidden}.nama-radio:before{content:"";position:absolute;top:50%;left:50%;right:auto;bottom:auto;width:0;height:0;border-radius:inherit;background:#4caf3d;transform:translate(-50%,-50%);transition:.18s ease}.nama-offer.selected .nama-radio:before{width:var(--radio-inner-size,82%);height:var(--radio-inner-size,82%)}.nama-check-icon{position:absolute;inset:0;z-index:2;display:none;align-items:center;justify-content:center;font-size:32px;font-weight:900;line-height:1;color:#fff;text-align:center;pointer-events:none}.nama-check-icon:empty:before{content:"✓";display:block;line-height:1}.nama-check-icon svg{width:1em;height:1em;display:block;fill:currentColor}.nama-offer.selected .nama-check-icon{display:flex}.nama-radio-shape-square .nama-radio{border-radius:0}.nama-radio-shape-rounded .nama-radio{border-radius:10px}.nama-radio-shape-circle .nama-radio{border-radius:50%}
.nama-offer-name{font-size:34px;font-weight:900;color:var(--offer-title,var(--dark));white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0;max-width:100%;line-height:1.15}
.nama-offer-name.nama-offer-title-layout-two_lines{white-space:normal;text-overflow:clip;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;line-height:1.15}
.nama-offer-name.nama-offer-title-layout-auto_mobile{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.nama-sep{width:6px;height:58px;border-radius:20px;background:#e9a21f;box-shadow:0 0 14px rgba(232,160,44,.28);flex-shrink:0}.nama-badges{display:flex;flex-direction:column;align-items:center;gap:10px;min-width:0;max-width:100%}
.nama-badge{display:inline-flex;align-items:center;justify-content:center;background:var(--badge1-bg,#e6322c);color:var(--badge1-color,#fff);font-size:var(--badge1-font-size,22px);font-weight:900;padding:var(--badge1-pad-y,9px) var(--badge1-pad-x,22px);border-radius:var(--badge1-radius,17px);line-height:1.1;white-space:nowrap;box-shadow:var(--badge1-shadow-x,0px) var(--badge1-shadow-y,5px) var(--badge1-shadow-blur,10px) var(--badge1-shadow-spread,0px) var(--badge1-shadow-color,rgba(230,50,44,.25)),0 0 var(--badge1-glow-blur,0px) var(--badge1-glow-color,rgba(255,255,255,.18));border:var(--badge1-border-width,0px) solid var(--badge1-border-color,#e6322c);transform:translate(var(--badge1-x,0px),var(--badge1-y,0px));max-width:100%;text-align:center;gap:.28em}.nama-badge-layout-two_lines{flex-direction:column;gap:var(--badge1-line-gap,2px)}.nama-badge-layout-one_line{flex-direction:row}.nama-badge-layout-auto_mobile{flex-direction:row}
.nama-badge-anim-vertical{animation:namaBadgeBounceVertical var(--badge1-anim-speed,1.4s) ease-in-out infinite}.nama-badge-anim-horizontal{animation:namaBadgeBounceHorizontal var(--badge1-anim-speed,1.4s) ease-in-out infinite}.nama-badge-anim-pulse{animation:namaBadgePulse var(--badge1-anim-speed,1.4s) ease-in-out infinite}@keyframes namaBadgeBounceVertical{0%,100%{transform:translate(var(--badge1-x,0px),var(--badge1-y,0px))}50%{transform:translate(var(--badge1-x,0px),calc(var(--badge1-y,0px) - (var(--badge1-anim-intensity,10) * 1px)))}}@keyframes namaBadgeBounceHorizontal{0%,100%{transform:translate(var(--badge1-x,0px),var(--badge1-y,0px))}50%{transform:translate(calc(var(--badge1-x,0px) + (var(--badge1-anim-intensity,10) * 1px)),var(--badge1-y,0px))}}@keyframes namaBadgePulse{0%,100%{transform:translate(var(--badge1-x,0px),var(--badge1-y,0px)) scale(1)}50%{transform:translate(var(--badge1-x,0px),var(--badge1-y,0px)) scale(calc(1 + (var(--badge1-anim-intensity,10) / 100)))}}.nama-badge-main,.nama-badge-percent{display:inline-block;line-height:1.05}.nama-top-badge{position:absolute;right:var(--badge2-right,150px);top:0;z-index:5;display:inline-flex;align-items:center;justify-content:center;background:var(--badge2-bg,#198c3a);color:var(--badge2-color,#fff);font-size:var(--badge2-font-size,18px);font-weight:900;padding:var(--badge2-pad-y,5px) var(--badge2-pad-x,18px);border-radius:var(--badge2-radius,6px);line-height:1.1;white-space:nowrap;border:var(--badge2-border-width,0px) solid var(--badge2-border-color,var(--badge2-bg,#198c3a));box-shadow:0 5px 10px rgba(0,0,0,.12);transform:translate(var(--badge2-x,0px),calc(-50% + var(--badge2-y,0px)))}
.nama-old-price{color:#555;font-size:20px;text-decoration:line-through;text-decoration-color:red;text-decoration-thickness:3px;margin-bottom:7px;white-space:nowrap}.nama-price{color:var(--offer-price,#087c22);font-size:34px;font-weight:900;white-space:nowrap}
.nama-btn{width:100%;height:88px;margin:24px 0;border:0;border-radius:24px;background:linear-gradient(180deg,#2449ff 0%,#051c9c 100%);color:#fff;font-size:42px;font-weight:900;cursor:pointer;box-shadow:inset 0 4px 10px rgba(255,255,255,.35),0 12px 22px rgba(10,33,160,.35);display:inline-flex;align-items:center;justify-content:center;gap:12px}.nama-btn:hover{opacity:.95}.nama-btn-icon{display:inline-flex;align-items:center;justify-content:center;line-height:1;color:inherit;fill:currentColor}.nama-btn-icon svg{width:1em;height:1em;fill:currentColor}.nama-btn-text{display:inline-block}
.nama-summary{padding:24px 28px;border:2px solid var(--gold);border-radius:24px;background:rgba(255,255,255,.92);box-shadow:0 8px 16px rgba(232,160,44,.10);display:grid;grid-template-columns:var(--summary-image-col,25%) minmax(0,1fr);align-items:center;gap:18px;overflow:hidden;direction:ltr}.nama-summary.no-product-image{grid-template-columns:1fr}.nama-summary-details{min-width:0;width:100%;direction:rtl}.nama-summary-row{display:grid;grid-template-columns:minmax(0,var(--summary-labels-col,55%)) minmax(0,var(--summary-values-col,45%));align-items:center;gap:18px}.nama-summary-label,.nama-summary-value{padding:12px 0;font-size:24px;font-weight:900;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.nama-summary-label{font-weight:700;text-align:right}.nama-summary-value{text-align:left;direction:rtl}.nama-line{border-top:1px dashed var(--gold);margin:8px 0;width:100%}.nama-total{font-size:38px;color:#062a9e;font-weight:900}.nama-summary-image{display:flex;align-items:center;justify-content:center;min-width:0;grid-column:1;grid-row:1;transform:translate(0,var(--summary-image-y,0px))}.nama-summary-details{grid-column:2;grid-row:1}.nama-summary.no-product-image .nama-summary-details{grid-column:1}.nama-summary-image img{display:block;width:95%;height:auto;object-fit:contain;border-radius:14px}.nama-error{display:none;margin-top:15px;text-align:center;color:#d60000;font-size:20px;font-weight:700}
.nama-upsell{display:none;position:fixed;inset:0;background:rgba(0,0,0,.55);z-index:99999;align-items:center;justify-content:center;padding:18px}.nama-upsell.active{display:flex}.nama-upsell-card{width:min(520px,100%);background:#fff8e8;border:2px solid var(--gold);border-radius:24px;padding:26px;text-align:center;box-shadow:0 24px 60px rgba(0,0,0,.25)}.nama-upsell-title{font-size:30px;font-weight:900;margin-bottom:12px}.nama-upsell-text{font-size:20px;margin-bottom:12px}.nama-upsell-price{font-size:34px;color:#087c22;font-weight:900}.nama-upsell-count{font-size:18px;margin:8px 0 16px}.nama-upsell-accept,.nama-upsell-decline{width:100%;border:0;border-radius:16px;padding:15px;margin-top:10px;font-size:22px;font-weight:900;cursor:pointer}.nama-upsell-accept{background:#0a9f3c;color:#fff}.nama-upsell-decline{background:#fff;border:2px solid #ddd;color:#333}
.nama-hp-wrap{position:absolute!important;left:-99999px!important;top:auto!important;width:1px!important;height:1px!important;overflow:hidden!important;opacity:0!important;pointer-events:none!important}
@media(max-width:700px){.nama-title{font-size:30px}.nama-title-wrap{gap:10px}.nama-title-decor{font-size:28px}.nama-grid{display:flex;flex-direction:column;row-gap:14px}.nama-field-wrap,.nama-field-w-25,.nama-field-w-33,.nama-field-w-50,.nama-field-w-66,.nama-field-w-100{width:100%;margin-bottom:0}.nama-field-wrap:before{top:16px;bottom:16px;right:64px}.nama-field{height:64px!important;min-height:64px!important;font-size:19px;padding-right:96px!important;padding-left:18px!important}.nama-icon{right:18px;width:38px;height:38px;font-size:24px}.nama-offers-heading{font-size:22px}.nama-offers-heading-wrap{gap:12px;margin:20px 0 14px}.nama-offer{grid-template-columns:var(--offer-title-col,32%) var(--offer-badge-col,36%) var(--offer-price-col,32%);min-height:92px;padding:12px;margin-top:20px}.nama-offer-right{gap:10px}.nama-radio{width:34px;height:34px}.nama-check-icon{font-size:26px}.nama-offer-name{font-size:24px}.nama-offer-center{gap:9px;min-height:60px}.nama-sep{width:4px;height:46px}.nama-badge{font-size:calc(var(--badge1-font-size,22px) * .7);padding:calc(var(--badge1-pad-y,9px) * .75) calc(var(--badge1-pad-x,22px) * .55)}.nama-badge-layout-auto_mobile{flex-direction:column;gap:var(--badge1-line-gap,2px)}.nama-top-badge{font-size:calc(var(--badge2-font-size,18px) * .8);padding:calc(var(--badge2-pad-y,5px) * .8) calc(var(--badge2-pad-x,18px) * .7);right:calc(var(--badge2-right,150px) * .65)}.nama-old-price{font-size:16px}.nama-price{font-size:24px}.nama-btn{height:74px;font-size:32px}.nama-summary{grid-template-columns:1fr;gap:10px}.nama-summary.has-product-image{grid-template-columns:1fr}.nama-summary-image{grid-column:1;grid-row:auto;order:-1;margin-bottom:8px}.nama-summary-details{grid-column:1;grid-row:auto}.nama-summary-row{grid-template-columns:minmax(0,var(--summary-labels-col,55%)) minmax(0,var(--summary-values-col,45%));gap:10px}.nama-summary-label,.nama-summary-value{font-size:21px}.nama-total{font-size:31px}}

@media(max-width:700px){
  .nama-summary.has-product-image.mobile-summary-first .nama-summary-details{order:1;}
  .nama-summary.has-product-image.mobile-summary-first .nama-summary-image{order:2;margin-top:10px;margin-bottom:0;}
  .nama-summary.has-product-image.mobile-image-first .nama-summary-image{order:1;margin-bottom:8px;}
  .nama-summary.has-product-image.mobile-image-first .nama-summary-details{order:2;}
}


/* v0.4.13 - Mobile-only offer cards redesign.
   Desktop offer layout is intentionally preserved. */
@media (max-width:767px){
  .nama-offers{
    padding-top:0;
  }

  .nama-offer{
    display:grid;
    grid-template-columns:minmax(0,1fr) minmax(0,1fr) !important;
    grid-template-areas:
      "offer-title offer-title"
      "offer-divider offer-divider"
      "offer-price offer-badge";
    grid-template-rows:minmax(0,1fr) auto minmax(0,1fr);
    align-items:center;
    align-content:stretch;
    column-gap:12px;
    row-gap:0;
    height:var(--offer-card-height, auto);
    min-height:var(--offer-card-height, 112px);
    padding:10px 16px !important;
    overflow:visible;
  }

  .nama-offer:after{
    content:"";
    grid-area:offer-divider;
    display:block;
    width:100%;
    height:0;
    border-top:1px dashed rgba(44,96,30,.28);
    pointer-events:none;
  }

  .nama-offer.selected:after{
    border-top-color:rgba(231,161,33,.40);
  }

  .nama-offer-right{
    grid-area:offer-title;
    display:flex;
    align-items:center;
    justify-content:flex-start !important;
    gap:12px;
    width:100%;
    height:100%;
    min-width:0;
    padding:0 !important;
    overflow:visible;
  }

  .nama-offer-name{
    max-width:100%;
  }

  .nama-offer-name.nama-offer-title-layout-one_line{
    white-space:nowrap;
    overflow:visible;
    text-overflow:clip;
  }

  .nama-offer-name.nama-offer-title-layout-auto_mobile{
    white-space:normal;
    text-overflow:clip;
    display:-webkit-box;
    -webkit-line-clamp:2;
    -webkit-box-orient:vertical;
    overflow:hidden;
    line-height:1.15;
  }

  .nama-offer-center{
    grid-area:offer-badge;
    min-height:0;
    height:100%;
    display:flex;
    align-items:center;
    justify-content:center;
    align-self:center;
    gap:0 !important;
    overflow:visible;
    padding:0;
  }

  .nama-offer-center .nama-sep{
    display:none !important;
  }

  .nama-badges{
    max-width:100%;
    gap:0;
  }

  .nama-badge{
    max-width:100%;
    font-size:var(--mobile-badge1-font-size, calc(var(--badge1-font-size,22px) * .7)) !important;
    padding:var(--mobile-badge1-pad-y, calc(var(--badge1-pad-y,9px) * .75)) var(--mobile-badge1-pad-x, calc(var(--badge1-pad-x,22px) * .55)) !important;
    border-radius:var(--mobile-badge1-radius, var(--badge1-radius,17px));
    transform:translate(calc(var(--badge1-x,0px) + var(--mobile-badge1-x,0px)), calc(var(--badge1-y,0px) + var(--mobile-badge1-y,0px)));
  }

  .nama-price-box{
    grid-area:offer-price;
    width:100%;
    height:100%;
    min-width:0;
    align-items:flex-start;
    justify-content:center;
    align-self:center;
    text-align:right;
    overflow:visible;
    transform:translateX(var(--mobile-offer-price-x, 0px));
  }

  .nama-old-price{
    margin-bottom:2px;
  }

  .nama-offer[data-badge1=""] .nama-offer-center{
    display:none;
  }

  .nama-offer[data-badge1=""] .nama-price-box{
    grid-column:1 / -1;
    justify-self:center;
    align-items:center;
    text-align:center;
  }

  .nama-top-badge{
    right:auto !important;
    left:16px !important;
    top:0;
    transform:translate(var(--badge2-x,0px),calc(-50% + var(--badge2-y,0px)));
  }
}