/* Apple-inspired product detail styling, scoped to #item-detail */
#item-detail{ color:#111827 }
#item-detail .block.block-rounded{
  border-radius:20px;
  background:#ffffff;
  border:1px solid rgba(17,24,39,.06);
  box-shadow:0 8px 22px rgba(0,0,0,.08);
}
#item-detail .block.block-rounded.no-bg{ background:transparent; box-shadow:none; border:0 }

/* Layout */
#item-detail .items-push{ row-gap:18px }
#item-detail .product-info-area{ display:block }

/* Title & price */
#item-detail .item-title-content .fs-4{ font-size:1.6rem; color:#111827; letter-spacing:.01em }
#item-detail .item-title-content .text-muted{ color:#6b7280 }
#item-detail .item-title-content .item-amount{ margin-top:4px; font-weight:700; color:#0b1225 }

/* Gallery */
#item-detail .item-image-main{ border-radius:18px; overflow:hidden; background:#f8fafc; box-shadow:0 6px 16px rgba(0,0,0,.08) }
#item-detail .item-image-main .item-image-show{ display:block; width:100%; height:auto; border-radius:18px }
#item-detail .item-image-list{ display:flex; flex-wrap:nowrap; overflow:auto; gap:8px; padding:6px 2px; -webkit-overflow-scrolling:touch }
#item-detail .item-image-list a{ display:block; border-radius:12px; border:1px solid #e5e7eb; background:#ffffff; padding:6px; transition:transform .15s ease, box-shadow .2s ease, border-color .2s ease }
#item-detail .item-image-list a:hover{ transform:translateY(-1px); box-shadow:0 6px 16px rgba(0,0,0,.25) }
#item-detail .item-image-list a img{ display:block; width:58px; height:58px; object-fit:cover; border-radius:8px }
#item-detail .item-image-list .image-active{ border-color:transparent; background:linear-gradient(135deg,#6a8dff,#7ad7ff); box-shadow:0 8px 24px rgba(102,153,255,.3) }

/* Controls table -> card rows */
#item-detail .item-controls .table{ width:100%; margin-top:8px }
#item-detail .item-controls .table > tbody > tr{ display:grid; grid-template-columns:120px 1fr; gap:8px; align-items:start; border:0 }
#item-detail .item-controls .table td{ border:0; background:transparent; padding:6px 0 }
#item-detail .sku-cate-td .cate-name{ color:#374151 }

/* SKU pills */
#item-detail .sku-wrapper{ display:flex; flex-wrap:wrap; gap:8px }
#item-detail .sku-wrapper .sku-item{ display:flex; align-items:center; gap:8px; padding:8px 12px; border-radius:999px; border:1px solid #e5e7eb; background:#f8fafc; color:#111827; cursor:pointer; transition:transform .15s ease, box-shadow .2s ease, background .2s ease }
#item-detail .sku-wrapper .sku-item .sku-icon img{ width:22px; height:22px; border-radius:6px }
#item-detail .sku-wrapper .sku-item:hover{ transform:translateY(-1px); box-shadow:0 8px 18px rgba(0,0,0,.1); background:#ffffff }
#item-detail .sku-wrapper .sku-item.sku-current{ background:linear-gradient(135deg,#6a8dff,#7ad7ff); border-color:transparent; color:#081227; box-shadow:0 10px 26px rgba(102,153,255,.25), inset 0 1px 0 rgba(255,255,255,.22) }

/* Quantity */
#item-detail .sku-quantity-wrapper{ display:flex; align-items:center; gap:10px }
#item-detail .quantity-input{ width:120px; border-radius:12px; padding:10px 12px; background:#ffffff; color:#111827; border:1px solid #e5e7eb; outline:none; transition: box-shadow .15s ease, border-color .15s ease }
#item-detail .quantity-input:focus{ border-color:#93c5fd; box-shadow:0 0 0 .15rem rgba(59,130,246,.25) }
#item-detail .sku-stock{ display:inline-block; padding:4px 10px; border-radius:999px; font-size:.85rem }
#item-detail .bg-lime-green{ background:#22c55e; color:#052e16 }
#item-detail .bg-light-gray{ background:#e5e7eb; color:#111827 }
#item-detail .sku-wholesale{ color:#0ea5e9 }

/* Checkout actions */
#item-detail .shop-checkout-btn{ display:flex; gap:12px; margin-top:10px }
#item-detail .checkout-btn{ border-radius:999px; border:1px solid #e5e7eb; padding:10px 16px; font-weight:600; letter-spacing:.01em; transition:transform .12s ease, box-shadow .2s ease, background .2s ease }
#item-detail .btn-buy-now{ background:linear-gradient(135deg,#6a8dff,#7ad7ff); color:#081227; border-color:transparent; box-shadow:0 10px 26px rgba(102,153,255,.2) }
#item-detail .btn-buy-now:hover{ transform:translateY(-1px) }
#item-detail .btn-add-cart{ background:#ffffff; color:#111827 }
#item-detail .btn-add-cart:hover{ background:#f8fafc }
#item-detail .btn-no-stock{ background:#f1f5f9; color:#6b7280; border-color:#e5e7eb }

/* Tabs & details */
#item-detail .nav.nav-tabs{ border:0; gap:6px }
#item-detail .nav.nav-tabs .nav-link{ border:1px solid #e5e7eb; color:#334155; border-radius:999px; background:#ffffff }
#item-detail .nav.nav-tabs .nav-link.active{ background:linear-gradient(135deg,#6a8dff,#7ad7ff); color:#081227; border-color:transparent }
#item-detail .introduce-content{ border-radius:16px; background:#ffffff; border:1px solid #e5e7eb; padding:14px; color:#374151 }
#item-detail .table.table-striped td{ border:0 }

/* Inputs and selects */
#item-detail .form-control,
#item-detail .form-select,
#item-detail input[type=text],
#item-detail input[type=number],
#item-detail textarea{
  border-radius:12px; background:#ffffff; color:#111827; border:1px solid #e5e7eb; padding:10px 12px; outline:none; transition: box-shadow .15s ease, border-color .15s ease
}
#item-detail .form-control:focus,
#item-detail .form-select:focus,
#item-detail input[type=text]:focus,
#item-detail input[type=number]:focus,
#item-detail textarea:focus{ border-color:#93c5fd; box-shadow:0 0 0 .15rem rgba(59,130,246,.25) }

/* Visibility helpers */
#item-detail .d-hide{ display:none !important }

/* Mobile adjustments */
@media (max-width: 992px){
  #item-detail{ padding-bottom:96px }
  #item-detail .item-controls .table > tbody > tr{ grid-template-columns:96px 1fr }
  #item-detail .item-image-list a img{ width:52px; height:52px }
  #item-detail .shop-checkout-btn.have-stock:not(.d-hide),
  #item-detail .shop-checkout-btn.no-stock:not(.d-hide){ position:fixed; left:0; right:0; bottom:12px; z-index:2900; width:calc(100% - 24px); margin:0 auto; padding:10px; border-radius:16px; background:#ffffff; border:1px solid #e5e7eb; box-shadow:0 12px 30px rgba(0,0,0,.12) }
  #item-detail .checkout-btn{ flex:1; justify-content:center; display:flex }
}

@media (max-width: 576px){
  #item-detail .item-title-content .fs-4{ font-size:1.35rem }
  #item-detail .quantity-input{ width:104px }
}