/* ICANCROCHET - product buy box.
   Loaded on the product page only, after the other stylesheets. Every rule is
   scoped to the product summary so nothing else on the site changes. */

body.ic-shop-page .summary .ic-p-title{font-size:clamp(22px,2.3vw,29px);line-height:1.2;letter-spacing:-.01em;margin:0 0 10px;text-wrap:balance}

/* rating */
body.ic-shop-page .summary .ic-rating-row{margin:0 0 14px}
body.ic-shop-page .summary .ic-rating-link{gap:8px}
body.ic-shop-page .summary .ic-stars{font-size:17px;letter-spacing:1px}
body.ic-shop-page .summary .ic-rating-txt{font-size:13.5px;font-weight:700;color:var(--ict2)}

/* price */
body.ic-shop-page .summary .ic-price{align-items:center;gap:8px 12px;margin:0 0 8px}
body.ic-shop-page .summary .ic-price-now{font-size:clamp(34px,3.4vw,42px);font-weight:900;letter-spacing:-.02em;line-height:1}
body.ic-shop-page .summary .ic-price-was{font-size:19px;font-weight:600;text-decoration-thickness:1.5px}
body.ic-shop-page .summary .ic-badge-off{display:inline-flex;align-items:center;background:var(--icp);color:#fff;border:0;border-radius:999px;padding:7px 12px;font-size:12px;font-weight:800;letter-spacing:.06em;line-height:1;text-transform:uppercase;box-shadow:0 6px 14px rgba(224,1,137,.25)}
body.ic-shop-page .summary .ic-price-note{font-size:13.5px;color:var(--ict2);margin:0 0 16px;line-height:1.5}

/* call to action */
body.ic-shop-page .summary form.cart button.single_add_to_cart_button{position:relative;display:flex!important;align-items:center;justify-content:center;gap:10px;width:100%;min-height:58px;margin:0;padding:0 22px!important;border:0;border-radius:14px!important;background:linear-gradient(180deg,#f0189a 0%,#e00189 55%,#c90079 100%)!important;color:#fff;font-family:'Nunito',sans-serif;font-size:17px!important;font-weight:800;letter-spacing:.01em;line-height:1.2;box-shadow:0 10px 24px rgba(224,1,137,.30),inset 0 1px 0 rgba(255,255,255,.28);overflow:hidden;cursor:pointer;transition:transform .15s ease,box-shadow .15s ease}
body.ic-shop-page .summary form.cart button.single_add_to_cart_button::after{content:"";flex:0 0 auto;width:18px;height:18px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12h14M13 6l6 6-6 6'/%3E%3C/svg%3E") center/contain no-repeat;transition:transform .2s ease}
body.ic-shop-page .summary form.cart button.single_add_to_cart_button::before{content:"";position:absolute;top:0;bottom:0;left:-60%;width:40%;background:linear-gradient(100deg,rgba(255,255,255,0) 0%,rgba(255,255,255,.28) 50%,rgba(255,255,255,0) 100%);transform:skewX(-18deg);pointer-events:none}
body.ic-shop-page .summary form.cart button.single_add_to_cart_button:hover{color:#fff;background:linear-gradient(180deg,#f0189a 0%,#e00189 55%,#c90079 100%)!important;transform:translateY(-2px);box-shadow:0 14px 30px rgba(224,1,137,.36),inset 0 1px 0 rgba(255,255,255,.28)}
body.ic-shop-page .summary form.cart button.single_add_to_cart_button:hover::after{transform:translateX(4px)}
body.ic-shop-page .summary form.cart button.single_add_to_cart_button:hover::before{left:130%;transition:left .7s ease}
body.ic-shop-page .summary form.cart button.single_add_to_cart_button:active{transform:translateY(0);box-shadow:0 6px 14px rgba(224,1,137,.28)}
body.ic-shop-page .summary form.cart button.single_add_to_cart_button:focus-visible{outline:3px solid rgba(224,1,137,.35);outline-offset:3px}

/* buyer review carousel */
body.ic-shop-page .summary .icrc{margin:18px 0 0;padding:0 15px}
body.ic-shop-page .summary .icrc-track{background:#fff;border:1px solid var(--icb2);border-radius:18px;box-shadow:0 8px 24px rgba(224,1,137,.08)}
body.ic-shop-page .summary .icrc-slide{gap:14px;padding:14px 26px}
body.ic-shop-page .summary .icrc-thumb img{width:60px;height:60px;border-radius:12px}
body.ic-shop-page .summary .icrc-name{font-size:14.5px;color:var(--ict)}
body.ic-shop-page .summary .icrc-body{font-size:13.5px;color:var(--ict2)}
body.ic-shop-page .summary .icrc-nav{width:30px;height:30px;font-size:12px;background:#fff;border:1px solid var(--icb2);color:var(--icp);box-shadow:0 4px 12px rgba(224,1,137,.14)}
body.ic-shop-page .summary .icrc-nav:hover{background:var(--icp);border-color:var(--icp);color:#fff}

/* secure checkout + payment marks */
body.ic-shop-page .summary .ic-pay{margin:16px 0 0;padding:16px 16px 18px;background:#fff;border:1px solid var(--icb2);border-radius:16px;box-shadow:0 8px 24px rgba(224,1,137,.06)}
body.ic-shop-page .summary .ic-pay-note{margin:0 0 13px;gap:9px;font-size:13.5px;font-weight:700;color:var(--ict);text-wrap:balance}
body.ic-shop-page .summary .ic-pay-lock{box-sizing:content-box;width:14px;height:14px;padding:6px;border-radius:50%;background:#fff0f7;color:var(--icp)}
body.ic-shop-page .summary .ic-pay-icons{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:8px;max-width:440px;margin:0 auto}
body.ic-shop-page .summary .ic-pay-mark{width:auto;height:auto;padding:0;background:none;border:0;border-radius:4px;box-shadow:0 1px 3px rgba(43,36,38,.08)}
body.ic-shop-page .summary .ic-pay-mark:hover{box-shadow:0 4px 12px rgba(224,1,137,.16)}
body.ic-shop-page .summary .ic-pay-mark img{width:100%;height:auto;max-width:none;aspect-ratio:38/24;border-radius:4px}

/* rating line: "Rated 4.9/5 by ... Happy Crocheters" */
body.ic-shop-page .summary .ic-rr2 .ic-rating-link{gap:10px}
body.ic-shop-page .summary .ic-rr2-stars{display:inline-flex;gap:3px;color:var(--icp);flex:0 0 auto}
body.ic-shop-page .summary .ic-rr2-stars svg{width:21px;height:21px;display:block}
body.ic-shop-page .summary .ic-rr2-txt{font-size:15px;font-weight:600;color:var(--ict);line-height:1.3}

/* Instant Download + 30-Day Money-Back Guarantee, under the button */
body.ic-shop-page .summary .ic-assure{list-style:none;display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:8px 22px;margin:-4px 0 0;padding:0}
body.ic-shop-page .summary .ic-assure li{display:flex;align-items:center;gap:7px;margin:0;font-size:13.5px;font-weight:700;color:var(--ict2);line-height:1.2;white-space:nowrap}
body.ic-shop-page .summary .ic-assure svg{width:18px;height:18px;flex:0 0 auto;color:var(--icp)}

@media (max-width:544px){
  body.ic-shop-page .summary .ic-price{gap:6px 10px}
  body.ic-shop-page .summary .ic-price-now{font-size:32px}
  body.ic-shop-page .summary .ic-price-was{font-size:16px}
  body.ic-shop-page .summary .ic-badge-off{font-size:10.5px;padding:6px 10px;letter-spacing:.04em}
  body.ic-shop-page .summary .ic-price-note{font-size:13px}
  body.ic-shop-page .summary form.cart button.single_add_to_cart_button{min-height:56px;font-size:16.5px!important}
  body.ic-shop-page .summary .icrc-slide{gap:12px;padding:12px 22px}
  body.ic-shop-page .summary .icrc-thumb img{width:54px;height:54px}
  body.ic-shop-page .summary .ic-pay{padding:14px 12px 16px}
  body.ic-shop-page .summary .ic-pay-note{flex-direction:column;gap:7px;font-size:12.5px}
  body.ic-shop-page .summary .ic-pay-icons{gap:6px}
  body.ic-shop-page .summary .ic-rr2 .ic-rating-link{gap:7px}
  body.ic-shop-page .summary .ic-rr2-stars{gap:1px}
  body.ic-shop-page .summary .ic-rr2-stars svg{width:15px;height:15px}
  body.ic-shop-page .summary .ic-rr2-txt{font-size:13px;white-space:nowrap}
  body.ic-shop-page .summary .ic-assure{gap:8px 12px}
  body.ic-shop-page .summary .ic-assure li{font-size:12px;gap:5px}
  body.ic-shop-page .summary .ic-assure svg{width:16px;height:16px}
}

/* very small phones (320-374px): let the rating and price lines wrap instead of running off the edge */
@media (max-width:374px){
  body.ic-shop-page .summary .ic-price{flex-wrap:wrap!important}
  body.ic-shop-page .summary .ic-badge-off{white-space:nowrap}
  body.ic-shop-page .summary .ic-rr2 .ic-rating-link{flex-wrap:wrap;row-gap:4px}
  body.ic-shop-page .summary .ic-rr2-txt{white-space:normal}
}

@media (prefers-reduced-motion:reduce){
  body.ic-shop-page .summary form.cart button.single_add_to_cart_button,
  body.ic-shop-page .summary form.cart button.single_add_to_cart_button::after{transition:none}
  body.ic-shop-page .summary form.cart button.single_add_to_cart_button::before{display:none}
  body.ic-shop-page .summary form.cart button.single_add_to_cart_button:hover{transform:none}
}
