/** Shopify CDN: Minification failed

Line 383:3 Expected identifier but found "/"
Line 574:0 Expected "}" to go with "{"

**/

/* ROMAN IMPRINT UI */
#roman-tier-ui{margin:14px 0;width:100%;max-width:650px !important;box-sizing:border-box}

.ri-panel{
  border:1px solid #dcdcdc;
  border-radius:12px;
  overflow:hidden;
  background:#fff;
  width:100%;
  max-width:100%;
  box-sizing:border-box;
}

.ri-shipping-configurator{

  width:100% !important;
  max-width: 100% !important;
  box-sizing:border-box;
}
/* Pricing table wrapper */
.ri-table-wrap{
width:100%;
overflow-x:auto;
}

/* Delivery date section */
.ri-input-style{
width:100%;
box-sizing:border-box;
}

/* Customize button */
.ri-customize-btn{
width:100%;
box-sizing:border-box;
}




.ri-card{border-top:1px solid #e6e6e6}
.ri-card:first-child{border-top:0}

.ri-head{
  background:#0b4a7a;
  color:#fff;
  padding:12px 14px;
  display:flex;
  align-items:center;
  justify-content:space-between;
}
.add-to-cart-button-container{
  width: 100%;
}
.ri-head h3{margin:0;font-size:16px;font-weight:800}

.ri-help{
  width:18px;height:18px;
  display:inline-flex;align-items:center;justify-content:center;
  border:1px solid rgba(255,255,255,.7);
  border-radius:50%;
  font-size:12px;font-weight:700;
}

.ri-body{padding:14px}

.ri-subhead{
  display:flex;gap:10px;
  justify-content:space-between;
  flex-wrap:wrap;
  font-size:13px;color:#333;
  margin-bottom:10px;
}

.ri-link{color:#0b4a7a;text-decoration:underline;font-weight:600}

.ri-carousel{display:flex;align-items:center;gap:10px;max-width:100%}

.ri-arrow{
  width:34px;height:34px;
  border:1px solid #dcdcdc;
  background:#fff;border-radius:8px;
  cursor:pointer;font-size:20px;line-height:30px;
  display:inline-flex;align-items:center;justify-content:center;
  flex:0 0 auto;
}

.ri-track{
  flex:1;
  display:flex;gap:8px;
  overflow-x:auto;
  scroll-behavior:smooth;
  padding:6px 2px;
  -webkit-overflow-scrolling:touch;
  scroll-snap-type:x mandatory;
  max-width:100%;
  min-width:0;
}
.ri-track::-webkit-scrollbar{height:6px}
.ri-track::-webkit-scrollbar-thumb{background:#d7d7d7;border-radius:999px}

.ri-item{
  flex:0 0 auto;
  width:86px;
  border:0;background:transparent;
  cursor:pointer;
  display:flex;flex-direction:column;
  align-items:center;gap:8px;
  scroll-snap-align:start;
}
#ri-size-wrap{
  display: none;
}
.ri-warning-box {
  display: none;
  background-color: #f8faff; 
  color: #d93025; 
  border: 1px solid #d2e3fc;
  border-radius: 8px;
  padding: 12px;
  text-align: center;
  font-weight: bold;
  font-size: 15px;
  margin: 15px 0;
  cursor: default;
}

.ri-thumb{
  width:62px;height:62px;
  border-radius:10px;
  border:1px solid #dcdcdc;
  background:#fff;
  object-fit:contain;
  display:block;
  padding:6px;
}

.ri-name{
  font-size:12.5px;color:#222;font-weight:600;
  text-align:center;line-height:1.1;
}

.ri-item.is-active .ri-thumb{
  outline:3px solid #0b4a7a;
  outline-offset:2px;
}

.ri-note{font-size:13px;color:#444;margin-top:10px}

.ri-line{
  display:flex;gap:10px;align-items:center;
  margin-top:10px;font-size:13px;
}

.ri-box{
  width:18px;height:18px;
  border:1px solid #cfcfcf;border-radius:4px;background:#fff;
}

.ri-table-wrap{width:100%;max-width:100%;overflow-x:auto}

.ri-qty-table{
  width:100%;
  border-collapse:collapse;
  font-size:13px;
  margin-top:6px;
  min-width:520px; /* makes table scroll instead of overflow */
}
.ri-qty-table th,.ri-qty-table td{
  border:1px solid #e2e2e2;
  padding:8px;
  text-align:center;
  white-space:nowrap;
}
.ri-qty-table th:first-child,.ri-qty-table td:first-child{text-align:left;font-weight:700}

.ri-sale{color:#d01616;font-weight:800}
.ri-reg-price-cell{
  text-decoration: line-through;
}

.ri-foot{display:flex;justify-content:flex-end;margin-top:8px;font-size:13px}
.ri-hurry{color:#d01616;font-weight:800}

.ri-size-wrap{margin-top:12px;display:none}
.ri-size-title{font-size:14px;font-weight:800;margin:10px 0 8px;color:#111}

.ri-size-grid{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:10px;
}
@media(max-width:520px){
  .ri-size-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .ri-item{width:78px}
}

.ri-size{display:flex;flex-direction:column;gap:6px;font-size:13px;font-weight:700;color:#111}
.ri-size input{
  height:38px;border:1px solid #d7d7d7;border-radius:10px;
  padding:0 10px;font-size:14px;outline:none;
}

.ri-summary{
  display:flex;justify-content:space-between;gap:10px;
  margin-top:10px;padding-top:10px;border-top:1px solid #e7e7e7;
  font-size:13px;flex-wrap:wrap;
}
.ri-summary b{font-size:14px}

/* Parent shrink fix */
.product__info-container,
.product__info-wrapper,
.product__info,
.product-form,
product-info { min-width:0 !important; }


/* ✅ Mobile arrow fix (always visible) */
#roman-tier-ui .ri-carousel{
  position: relative;
  width: 100%;
  max-width: 100%;
  padding: 0 44px;           /* space for arrows */
  box-sizing: border-box;
}

#roman-tier-ui .ri-track{
  width: 100%;
  max-width: 100%;
  min-width: 0;
}

/* arrows on top of track */
#roman-tier-ui .ri-arrow{
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  z-index: 20;
  width: 34px;
  height: 34px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
/* --- Simple tier table exactly like screenshot --- */

.ri-simple-tier-table th,
.ri-simple-tier-table td{
  border: 1px solid rgba(0,0,0,.10);
  padding: 10px 10px;
  text-align: center;
  vertical-align: middle;
}

.ri-simple-tier-table thead th{
  font-weight: 700;
}

.ri-simple-tier-table .ri-left-label{
  text-align: left;
  font-weight: 700;
  padding-left: 12px;
  white-space: nowrap;
  text-transform: lowercase;
}

.ri-simple-tier-table .ri-left-empty{
  background: #fff;
}

.ri-reg-strike{
  text-decoration: line-through;
  color: rgba(0,0,0,.55);
  font-weight: 500;
}

.ri-sale-red{
  color: #e11d2e;
  font-weight: 800;
}


/* Customize button section */
  .ri-shipping-configurator {
    max-width: 450px;
    font-family: 'Helvetica Neue', Arial, sans-serif;
    color: #333;
    margin-top: 25px;
  }
  .production-info { margin-bottom: 15px; font-size: 16px; margin-top: 20px; }
  .help-icon {
    display: inline-block;
    width: 16px; height: 16px;
    background: #999; color: #fff;
    border-radius: 50%; text-align: center;
    font-size: 11px; line-height: 16px; cursor: help;
  }
  
  .config-header {
    background: #1a1a1a; color: #fff;
    padding: 12px; font-weight: bold;
    border-radius: 4px; 
    text-transform: uppercase; letter-spacing: 0.5px;
  }

  .config-field { margin-bottom: 15px; }
  .config-field label { display: block; font-size: 13px; margin-bottom: 6px; color: #555; }

  .ri-input-style {
    width: 100%; padding: 10px;
    border: 1px solid #ccc; border-radius: 4px;
    font-size: 15px; transition: border 0.3s;
  }
  .ri-input-style:focus { border-color: #000; outline: none; }

  /* Zip Code Group */
  .zip-input-group { display: flex; border: 1px solid #ccc; border-radius: 4px; overflow: hidden; }
  .zip-input-group input { flex: 1; border: none; padding: 10px; outline: none; font-size: 15px; }
  #ri-zip-apply-btn {
    background: #555; color: #fff;
    border: none; padding: 0 25px;
    font-weight: bold; cursor: pointer;
    transition: background 0.3s;
  }
  #ri-zip-apply-btn:hover { background: #000; }

  /* Customize It Button & Hover */
  .ri-customize-btn {
    width: 100%; background: #000; color: #fff;
    border: none; padding: 15px;
    border-radius: 6px; cursor: pointer;
    text-align: left; transition: transform 0.2s, background 0.3s;
    margin-top: 10px;
  }
  .ri-customize-btn:hover {
    background: #222;
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(0,0,0,0.15);
  }
  .btn-main-text { display: block; font-size: 19px; font-weight: bold; margin-bottom: 2px; }
  .btn-sub-text { display: block; font-size: 13px; opacity: 0.8; }


/* Customize button next section */














@media screen and (max-width: 749px) {
  .ri-size-grid {
   
    grid-template-columns: 1fr 1fr 1fr!important; 
    display: grid !important;
    gap: 10px;
    padding: 0 10px;
  }

  .ri-size-grid div {
    
    width: 100% !important;
  }

  .ri-size-grid input {
    width: 100% !important;
   /
    box-sizing: border-box; 
  }
}

.add-to-cart-button-container {
  opacity: 0;
}


.add-to-cart-button-container {
  animation: fadeIn 0.5s forwards;
  animation-delay: 1s; 
}

@keyframes fadeIn {
  to { opacity: 1; }
}


.add-to-cart-button-container {
  display: grid;
  grid-template-columns: repeat(1, 1fr); 
  gap: 10px;
}


/* add to cart button hide & set of x */

  
  .product-form__submit, 
  #product-add-to-cart, 
  .ad_to_cart_btn, 
  .shopify-payment-button {
    display: none;
  }

 
  .customize-it-btn {
    width: 100%;
    background: #000;
    color: #fff;
    border: none;
    padding: 15px;
    border-radius: 6px;
    cursor: pointer;
    text-align: left;
    margin-top: 20px;
  }

  #ri-sets-note{ 
    display: none; 
  }

  cart-drawer.active {
    display: block !important;
    visibility: visible !important;
}


/* left/right position */
#roman-tier-ui .ri-prev{ left: 6px; }
#roman-tier-ui .ri-next{ right: 6px; }

/* mobile slightly smaller */
@media (max-width: 520px){
  #roman-tier-ui .ri-carousel{ padding: 0 38px; }
  #roman-tier-ui .ri-arrow{
    width: 30px;
    height: 30px;
    font-size: 18px;
  }
}
#roman-tier-ui .ri-arrow{
  opacity: 1 !important;
  visibility: visible !important;
}


@media (min-width: 769px) {
    .ri-item {
        flex: 0 0 calc(20% - 10px); 
        scroll-snap-align: center;
    }
}


@media (max-width: 768px) {
  
    .ri-item {
        flex: 0 0 80px; 
    }
    .ri-qty-table {
        display: block;
        overflow-x: auto; 
    }
    .ri-size-grid {
        grid-template-columns: repeat(2, 1fr) !important; 
    }
    .ri-panel{
      width: 100%;
      margin: 0 auto;
      padding: 0;
    }
    
      
      
    
}
@media (max-width: 600px) {
  #roman-tier-ui {
    width: 100% !important;
    padding: 0 20 0 0px;
    box-sizing: border-box;
  }
  
  .ri-carousel {
    padding: 0 35px !important;
  }

  .ri-track {
    gap: 8px !important;
  }
  
  .ri-item {
    width: 70px !important; 
  }
  
    /* color print section */

  
 
@media (min-width: 1024px) {
  .ri-track {
    display: grid;
    grid-template-columns: repeat(3, 1fr); 
    gap: 15px;
    overflow: hidden; 
  }
  .ri-item {
    width: 100% !important;
  }
  .ri-arrow { display: none; } 
}


@media (max-width: 768px) {
  #roman-tier-ui {
    padding: 10px;
    max-width: 100vw;
    
  }

  .ri-carousel {
    padding: 0 35px !important;
  }
  .ri-track {
    display: flex !important;
    gap: 10px;
    overflow-x: auto !important;
  }
  .ri-item {
    flex: 0 0 75px; 
  }
  .ri-size-grid {
    grid-template-columns: repeat(2, 1fr) !important;
  }
  .ri-qty-table {
    font-size: 11px;
  }
}


/* Chrome, Safari, Edge, Opera এর জন্য */
#ri-size-grid input::-webkit-outer-spin-button,
#ri-size-grid input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* Firefox এর জন্য */
#ri-size-grid input[type=number] {
  -moz-appearance: textfield;
}



/* add your artwork desing */