body{background:linear-gradient(145deg,#fff5fb 0%,#f5f4ff 38%,#effbff 72%,#effdfb 100%);background-attachment:fixed}.cards{gap:24px}
/* Space after the simplified hero; the old trust strip and step tracker were removed. */
.catalog{margin-top:48px}
.category-switch{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:10px;margin:0 0 28px;padding:7px;border-radius:18px;background:#fff;border:1px solid #dce6ef;box-shadow:0 10px 28px #264e7310}.category-btn{border:0;border-radius:13px;padding:15px 16px;background:transparent;color:#52667a;font:800 15px inherit;cursor:pointer}.category-btn.active{background:#071b34;color:#e7bd55;box-shadow:0 8px 20px #071b3428}
.product-card.card{display:flex;flex-direction:column;align-items:stretch;gap:18px;padding:28px;border-radius:28px;background:linear-gradient(#fff,#fff) padding-box,linear-gradient(145deg,#f2cfe8,#cfe7ff,#caf6f1) border-box;border:2px solid transparent;box-shadow:0 18px 48px #264e7314;overflow:hidden}
.product-card:hover{transform:translateY(-4px);box-shadow:0 22px 54px #264e7322}
.product-visual{height:310px;display:flex;align-items:center;justify-content:center;border-radius:22px;background:radial-gradient(circle at 50% 45%,#fff 42%,#f7fbff 75%,#eff8ff);overflow:hidden;position:relative}.logo-caption{position:absolute;left:50%;bottom:14px;transform:translateX(-50%);white-space:nowrap;padding:7px 13px;border-radius:99px;background:#ffffffdf;color:#071b34;font-size:12px;font-weight:800;letter-spacing:.08em;box-shadow:0 6px 18px #071b3418}
.card-photo{width:88%;height:92%;border:0;border-radius:0;object-fit:contain;object-position:center;background:transparent}
.product-title{display:block;margin:0!important;padding:12px 16px!important;border-radius:14px;background:#071b34;color:#e7bd55;font-size:19px!important;line-height:1.35!important;text-align:center;font-weight:800;box-shadow:inset 0 0 0 1px #e7bd5538}
.product-card .benefits{display:grid;grid-template-columns:1fr 1fr;gap:14px 22px;color:#42566b;font-size:14px;line-height:1.45}
.product-card .benefits span{display:block}
.card-bottom{display:flex;align-items:center;justify-content:space-between;gap:20px;padding-top:18px;border-top:1px solid #dce7ef}
.product-card .price{text-align:left}
.product-card .price b{display:block;font-size:38px}
.product-card .price small{font-size:15px}
.select-control{display:flex;align-items:center;gap:12px;color:#071b34;font-size:18px}
.select-control .radio{width:38px;height:38px;border-width:2px}
.product-card.selected{border-color:var(--accent);box-shadow:0 0 0 4px color-mix(in srgb,var(--accent) 12%,transparent),0 22px 54px #264e7322}
@media(max-width:760px){.category-switch{margin-bottom:24px;grid-template-columns:1fr}.category-btn{padding:13px 8px;font-size:13px}.cards{gap:20px}.product-card.card{padding:18px;gap:15px;border-radius:24px}.product-visual{height:285px}.card-photo{width:94%;height:94%}.product-title{font-size:17px!important;padding:11px 12px!important}.product-card .benefits{grid-template-columns:1fr 1fr;gap:12px 14px;font-size:13px}.product-card .price b{font-size:34px}.select-control{font-size:17px}.select-control .radio{width:34px;height:34px}}
.selected-box{display:block!important}.selected-box>span{display:block!important}.selected-box> b{display:block;font-size:20px!important;margin:8px 0 18px}.amount-breakdown{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.amount-breakdown>div{padding:13px 14px;border-radius:12px;background:#ffffff10;border:1px solid #ffffff20}.amount-breakdown small{display:block;color:#9db2c7;font-size:12px;margin-bottom:6px}.amount-breakdown strong{display:block;color:#fff!important;font-size:20px!important}.amount-breakdown .grand-total{background:#0b8f87}.amount-breakdown .grand-total small{color:#c9fffa}@media(max-width:560px){.amount-breakdown{grid-template-columns:1fr}.amount-breakdown>div{display:flex;align-items:center;justify-content:space-between}.amount-breakdown small{margin:0}.selected-box> b{font-size:18px!important}}

/* Premium catalogue rows: product, details and selection stay visually connected. */
.cards{grid-template-columns:1fr;gap:20px}
.product-card.card{display:grid;grid-template-columns:minmax(260px,36%) minmax(0,1fr) 185px;grid-template-rows:auto 1fr;grid-template-areas:"visual title choice" "visual benefits choice";align-items:stretch;gap:14px 22px;padding:18px}
.product-card .product-visual{grid-area:visual;height:270px;border-radius:18px;background:#f5f9fc}
.product-card .card-photo{width:96%;height:96%}
.product-card .product-title{grid-area:title;align-self:start;text-align:left;margin:0!important;padding:12px 18px!important}
.product-card .benefits{grid-area:benefits;align-content:start;padding:4px 2px}
.product-card .benefits span{display:flex;align-items:flex-start;gap:8px}
.product-card .benefits i{width:20px;height:20px;flex:0 0 20px;border-radius:50%;display:grid;place-items:center;background:#d4a323;color:#fff;font-style:normal;font-size:12px;font-weight:900;margin-top:1px}
.product-card .card-bottom{grid-area:choice;flex-direction:column;justify-content:center;align-items:center;border-top:0;border-left:1px solid #dce7ef;padding:12px 0 12px 20px;text-align:center}
.product-card .price{text-align:center}
.product-card .price b{font-size:42px}
.product-card .select-control{width:100%;justify-content:center;padding-top:20px;border-top:1px solid #dce7ef}

@media(max-width:760px){
 .product-card.card{grid-template-columns:minmax(108px,34%) minmax(0,1fr) 76px;grid-template-rows:auto 1fr;grid-template-areas:"visual title choice" "visual benefits choice";gap:9px 11px;padding:10px}
 .product-card .product-title{text-align:left!important;padding:8px 9px!important;font-size:13px!important;border-radius:9px}
 .product-card .product-visual{height:220px;border-radius:12px}
 .product-card .card-photo{width:98%;height:98%}
 .product-card .benefits{grid-template-columns:1fr;gap:6px;font-size:10px;line-height:1.2;padding:0}
 .product-card .benefits span{gap:5px}
 .product-card .benefits i{width:15px;height:15px;flex-basis:15px;font-size:9px}
 .product-card .logo-caption{bottom:6px;max-width:94%;overflow:hidden;text-overflow:ellipsis;font-size:7px;padding:4px 6px}
 .product-card .card-bottom{flex-direction:column;justify-content:center;border-left:1px solid #dce7ef;border-top:0;padding:8px 0 8px 8px;text-align:center}
 .product-card .price{text-align:center}
 .product-card .price b{font-size:25px}
 .product-card .price small{font-size:9px}
 .product-card .select-control{width:100%;gap:5px;justify-content:center;border-top:1px solid #dce7ef;padding-top:12px;font-size:12px}
 .product-card .select-control .radio{width:25px;height:25px}
}
@media(max-width:420px){
 .product-card.card{grid-template-columns:minmax(96px,32%) minmax(0,1fr) 70px;gap:8px}
 .product-card .product-visual{height:205px}
 .product-card .benefits{font-size:9px;gap:5px}
 .product-card .price b{font-size:23px}
 .product-card .select-control{font-size:11px}
 .product-card .select-control .radio{width:23px;height:23px}
}

/* Multi-service order cart and per-design detail forms. */
.order-cart{margin:24px 0 0;padding:22px;border-radius:24px;background:#071b34;color:#fff;box-shadow:0 18px 42px #071b3428}
.cart-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:15px}.cart-heading h3{margin:5px 0 0;font-size:22px}.cart-count{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;background:#e7bd55;color:#071b34;font-weight:900}
.cart-items{display:grid;gap:8px}.cart-items>div{display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:14px;padding:11px 13px;border-radius:13px;background:#ffffff0e;border:1px solid #ffffff18}.cart-items span{display:flex;flex-direction:column}.cart-items small{color:#a9bdd0;font-size:11px}.cart-items strong{color:#e7bd55}.cart-items button{width:30px;height:30px;border:0;border-radius:50%;background:#ffffff14;color:#fff;font-size:21px;cursor:pointer}
.cart-totals{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin-top:15px}.cart-totals span{display:flex;justify-content:space-between;gap:8px;padding:12px;border-radius:12px;background:#ffffff0d;color:#b6c7d6;font-size:13px}.cart-totals b{color:#fff}.cart-totals .cart-grand{background:#0b8f87;color:#d9fffb}.cart-proceed{width:100%;margin-top:14px;background:linear-gradient(135deg,#d6a52b,#e7bd55);color:#071b34;box-shadow:none}
.item-detail-list{display:grid;gap:18px;margin-top:24px}.item-fields{margin:0;padding:22px;border:1px solid #dce6ef;border-radius:18px;background:#f8fbfd}.item-fields legend{display:flex;align-items:center;gap:10px;padding:0 8px;font-weight:800;color:#071b34}.item-fields legend span{width:28px;height:28px;border-radius:50%;display:grid;place-items:center;background:#071b34;color:#e7bd55}.item-fields legend b{margin-left:auto;color:#0b8f87}
@media(max-width:760px){.order-cart{padding:16px;border-radius:18px}.cart-heading h3{font-size:17px}.cart-items>div{gap:9px;font-size:12px}.cart-totals{grid-template-columns:1fr}.cart-totals span{font-size:12px}.item-fields{padding:16px 12px}.item-fields legend{font-size:13px}.item-fields legend b{font-size:12px}}

/* Final On Design In identity and full-width hero poster. */
.brand-logo{display:block;width:min(420px,55vw);height:auto;object-fit:contain;object-position:left center}
.hero{display:block;min-height:0;background:linear-gradient(180deg,#031a3c,#072c61);text-align:center}
.hero>img{display:block;width:min(100%,820px);height:auto;margin:0 auto;object-fit:contain;object-position:center}
@media(max-width:760px){.brand-logo{width:min(330px,82vw);height:auto;object-fit:contain}.hero>img{width:100%;height:auto;object-fit:contain;object-position:center}}

.topbar{height:auto;min-height:132px;padding-block:12px}
@media(max-width:760px){.topbar{height:auto;min-height:110px;padding:10px 12px}}

.catalog .section-head>div{width:100%}
#categoryTitle{display:block;width:100%;margin:0;padding:16px 18px;border-radius:16px;background:linear-gradient(135deg,#03243f,#0b4168);color:#f3c84b;font-size:clamp(18px,3vw,28px);line-height:1.25;letter-spacing:0;text-align:center;white-space:nowrap;box-shadow:0 10px 24px #03243f24}
@media(max-width:760px){#categoryTitle{font-size:clamp(13px,4vw,17px);padding:14px 7px;border-radius:14px}.catalog .section-head{width:100%}}