#s-a3-recommendation{padding:0 0 20px;background:#fbf3e6}
.a5-hero{position:relative;background:#11191c url('v2/A5_HERO_APPROVED.png') center/cover;padding:70px 5% 34px;min-height:270px;color:#fff4db}
.a5-hero h1{font-size:clamp(27px,4.2vw,44px);line-height:1.3;width:62%;color:#f0cd96;margin:0 0 15px}
.a5-hero p{width:57%;font-size:18px;line-height:1.5}.a5-hero .a3-back{top:15px;left:5%;color:#fff0d4}
.a5-content{max-width:1040px;margin:auto;padding:22px 5%}.a5-selection-heading{display:flex;align-items:center;gap:12px;margin-bottom:14px}.a5-selection-heading h2{font-size:24px;margin:0}.a5-selection-heading button{margin-left:auto;background:transparent;border:1px solid #ab7d47;border-radius:20px;padding:9px 13px;color:#714819}.a5-selection-heading>span{background:#aa7639;color:white;border-radius:20px;padding:5px 14px}
.a5-selection-row{display:grid;grid-template-columns:2fr 1fr;gap:14px}#a5-images{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;background:#fff9;padding:14px;border-radius:12px;border:1px solid #d9c4a6}.a5-selected{position:relative;margin:0;text-align:center}.a5-selected img{width:100%;max-height:190px;object-fit:contain;border-radius:7px}.a5-selected button{position:absolute;right:0;top:0;border-radius:50%;width:30px;height:30px;background:#18201d;color:white;border:1px solid white;font-size:22px}.a5-selected figcaption{font-size:14px;line-height:1.4;margin-top:5px}.a5-summary{padding:18px;background:#ebdcc566;border-radius:12px}.a5-summary h3{font-size:19px;margin:0}.a5-summary strong{font-size:34px;color:#754719}.a5-message{text-align:center;padding:24px 0 18px}.a5-message h2{font-size:clamp(26px,4vw,38px);margin:0;color:#242921}.a5-message p{margin:8px 0 0;line-height:1.5;font-size:17px}
.a5-options{display:grid;grid-template-columns:1.6fr 1fr;gap:14px}.a5-options article{border:1px solid #d6bd99;border-radius:14px;padding:22px;display:flex;flex-direction:column;position:relative;background:#fffaf1}.a5-options h2{font-size:23px;line-height:1.35;color:#754719;margin:5px 0 16px}.a5-options .a5-recommended{border-color:#bd8c48;background:linear-gradient(140deg,#fff6e3,#fffaf4)}.a5-badge{align-self:flex-start;border-radius:20px;padding:5px 13px;background:#93642e;color:#fff;margin-top:-34px;font-size:14px}.a5-sample-images{display:flex;justify-content:center;gap:5px;align-items:center}.a5-sample-images img{width:58px;aspect-ratio:9/19;object-fit:cover;border-radius:6px;border:1px solid #b1905d;box-shadow:0 4px 8px #0003}.a5-recommended ul{padding-left:23px;line-height:1.65;font-size:16px}.a5-price{font-size:36px;color:#754719;display:block;text-align:center;margin:auto 0 10px;padding-top:15px}.a5-options button{width:100%;justify-content:center;min-height:46px;font-size:16px}.a5-original p{line-height:1.5;font-size:16px}.a5-upgrade{display:flex;align-items:center;gap:16px;background:#151c1b;color:#f4dfb9;border-radius:14px;padding:20px;margin:18px 0}.a5-upgrade h2{font-size:22px;margin:0}.a5-upgrade p{font-size:16px}.a5-upgrade img{width:24px}.a5-upgrade button{background:transparent;color:#ffe1af;border:1px solid #cba16b;border-radius:25px;padding:12px;min-width:175px}.a5-options [hidden],#a5-upgrade[hidden]{display:none}
@media(max-width:700px){.a5-hero{padding:54px 4% 20px;min-height:235px;background-position:65% center}.a5-hero h1{width:70%;font-size:26px;text-shadow:0 2px 8px #000}.a5-hero p{width:65%;font-size:16px;text-shadow:0 1px 5px #000}.a5-content{padding:18px 4%}.a5-selection-heading{gap:7px}.a5-selection-heading h2{font-size:20px}.a5-selection-heading>span{font-size:14px;padding:4px 8px}.a5-selection-heading button{font-size:14px;padding:7px}.a5-selection-row{grid-template-columns:1fr}.a5-summary{display:flex;flex-wrap:wrap;align-items:center;gap:4px 12px;padding:12px}.a5-summary h3{font-size:16px}.a5-summary p{margin:0;font-size:16px}.a5-summary strong{font-size:28px;margin-left:auto}.a5-selected img{max-height:145px}#a5-images{gap:8px;padding:10px}.a5-options{grid-template-columns:1.25fr 1fr;gap:8px}.a5-options article{padding:14px 10px}.a5-options h2{font-size:19px}.a5-badge{margin-top:-24px;font-size:14px;padding:4px 8px}.a5-message{padding:22px 0}.a5-message h2{font-size:25px}.a5-message p{font-size:16px}.a5-recommended ul{font-size:14px;padding-left:17px;line-height:1.5}.a5-sample-images{gap:4px;flex-wrap:wrap}.a5-sample-images img{width:38px}.a5-price{font-size:27px}.a5-options button{font-size:14px;padding:10px 5px;line-height:1.4}.a5-original p{font-size:14px}.a5-upgrade{display:grid;grid-template-columns:1fr;gap:8px;padding:15px}.a5-upgrade p{margin:7px 0}.a5-upgrade .a5-sample-images{flex-wrap:nowrap}.a5-upgrade img{width:32px}.a5-upgrade button{width:100%}}
#s-a3-recommendation .a5-hero{display:block;height:auto;text-align:left;border-radius:0;justify-content:normal;align-items:normal;overflow:hidden}
#s-a3-recommendation .a5-hero .a3-back{position:absolute;display:block;width:auto;margin:0;top:12px;left:4%;font-size:14px}
#s-a3-recommendation .a5-hero h1{position:relative;margin:0 0 12px;max-width:none;z-index:1}
#s-a3-recommendation .a5-hero p{position:relative;z-index:1;margin:0}
#s-a3-recommendation .a5-hero:before{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#101719d9,transparent 90%);pointer-events:none}
@media(max-width:700px){#s-a3-recommendation .a5-hero{padding:53px 4% 20px;min-height:290px}#s-a3-recommendation .a5-hero h1{font-size:25px;width:73%;line-height:1.35}#s-a3-recommendation .a5-hero p{font-size:16px;width:70%}}

#s-a3-recommendation .a5-options button{min-height:56px;margin:0;display:flex;align-items:center;justify-content:center}

/* Keep the selected order compact so the price-protection message is visible on entry. */
#s-a3-recommendation #a5-images{display:flex;flex-wrap:nowrap;gap:8px;overflow-x:auto;align-items:flex-start;padding:8px}
#s-a3-recommendation .a5-selected{flex:0 0 68px;min-width:0}
#s-a3-recommendation .a5-selected img{display:block;width:48px;height:100px;object-fit:contain;margin:0 auto}
#s-a3-recommendation .a5-selected figcaption{font-size:12px;line-height:1.3;margin-top:4px;overflow-wrap:anywhere}
#s-a3-recommendation .a5-selected button{width:28px;height:28px;right:-2px;top:-3px;font-size:20px;margin:0;padding:0}
#s-a3-recommendation .a5-selection-heading{margin-bottom:8px}
#s-a3-recommendation .a5-selection-row{gap:8px}
#s-a3-recommendation .a5-message{padding:14px 0 22px}
@media(max-width:700px){
 #s-a3-recommendation .a5-hero{min-height:0;padding:43px 4% 14px;background-position:65% center}
 #s-a3-recommendation .a5-hero h1{font-size:21px;line-height:1.3;width:90%;margin-bottom:8px}
 #s-a3-recommendation .a5-hero p{font-size:14px;line-height:1.4;width:85%}
 #s-a3-recommendation .a5-content{padding:12px 4%}
 #s-a3-recommendation .a5-selection-heading h2{font-size:18px}
 #s-a3-recommendation .a5-selection-heading button{font-size:12px;padding:6px}
 #s-a3-recommendation .a5-summary{padding:7px 10px;gap:3px 8px}
 #s-a3-recommendation .a5-summary h3{font-size:12px}
 #s-a3-recommendation .a5-summary p{font-size:13px}
 #s-a3-recommendation .a5-summary strong{font-size:21px}
 #s-a3-recommendation .a5-message h2{font-size:25px;line-height:1.3}
}

#s-a3-recommendation .a5-upgrade{display:grid;grid-template-columns:1.5fr 1fr;gap:12px 24px;padding:26px;border:1px solid #c79c59;background:radial-gradient(ellipse at top right,#72532c66,transparent 65%),#141b1c;box-shadow:0 8px 22px #593e1920}
#s-a3-recommendation .a5-upgrade h2{font-size:clamp(23px,3vw,30px);line-height:1.3;color:#f3d19a}
#s-a3-recommendation .a5-upgrade p{font-size:16px;line-height:1.6;color:#fff1db;margin:10px 0 0}
#s-a3-recommendation #a5-premium-images{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:5px;align-items:center}
#s-a3-recommendation #a5-premium-images img{width:100%;border:1px solid #c79c5980;border-radius:5px;box-shadow:0 5px 12px #0008}
#s-a3-recommendation .a5-premium-price{text-align:center;font-size:30px;color:#f3d19a;grid-column:1/-1}
#s-a3-recommendation .a5-upgrade button{grid-column:1/-1;width:100%;min-height:52px;font-size:18px;font-weight:700;color:#211c15;background:linear-gradient(110deg,#f1d39d,#c28b47);border:1px solid #eed1a0;box-shadow:0 5px 16px #dca45125;margin:0}
@media(max-width:700px){#s-a3-recommendation .a5-upgrade{grid-template-columns:1fr;padding:20px 16px;gap:14px}#s-a3-recommendation #a5-premium-images{width:100%;max-width:420px;margin:auto}}

#s-a3-recommendation #a5-saving{display:block;color:#895721;font-size:clamp(19px,3vw,27px);line-height:1.4;margin:8px 0 0}
#s-a3-recommendation #a5-saving[hidden]{display:none}
.a5-combo-detail #a4-detail-summary ul{padding-left:22px;font-size:17px;line-height:1.7}.a5-combo-extra{display:block;background:#f2dfbf;color:#754719;border:1px solid #c29a62;border-radius:12px;padding:16px;font-size:21px;line-height:1.5}.a5-combo-single{display:block;font-size:14px;line-height:1.6;margin-top:14px}.a5-combo-detail #a4-detail-price{text-align:center;font-size:34px;color:#895721}.a5-combo-detail #a4-detail-continue{width:100%;justify-content:center}